AutoComplete for ASP.NET Web Forms
C1AutoComplete CSS セレクタでの作業
タスク別ヘルプ > C1AutoComplete CSS セレクタでの作業

C1AutoComplete は、CSS スタイリングをサポートします。これにより、ユーザーはコントロールの外観を完全にカスタマイズできます。このトピックでは、C1AutoComplete コントロールに CSS スタイリングを適用する手順について説明します。

  1. デザインビューで、Visual Studio のメニューから、[表示]→[プロパティ]を選択します。プロパティウィンドウの上部にあるドロップダウンリストから、C1AutoCompleteを選択し、CssClass プロパティを探します。
  2. ドロップダウンリストを使用して適切な CSS セレクタ(このトピックでは ui-autocomplete セレクタ)を選択します。
  3. ソースビューに切り替えて、<asp:Content> タグの最初のセットを探します。
  4. <asp:Content> タグの間に <style type="text/css"></style> タグを挿入します。このタグのセットを使って、コントロールに CSS スタイル設定を追加できます。
  5. <style> タグの間に以下のスクリプトを挿入して、コントロールに CSS スタイル設定を追加します。
  6. プログラムを実行します。C1AutoComplete コントロールが次の図のように表示されます。