[Input for ASP.NET Web Forms] プレースホルダの文字色やフォントを設定する方法

文書番号 : 81959     文書種別 : 使用方法     登録日 : 2017/02/02     最終更新日 : 2017/02/02
文書を印刷する
対象製品
ComponentOne for ASP.NET Web Forms
詳細
C1Inputでは直接的な機能は用意されておりませんが、下記のコードのようにCSS設定とfocus/blurイベントを組みわせることで、プレースホルダの文字色やフォントを任意に設定することができます。

◎サンプルコード(aspx)
<style type="text/css">
  #C1InputText1 {
    color: red;
    font: bold 15px Arial;
  }
</style>

<script type="text/javascript"> 
  $(document).ready(function () {
    $("#C1InputText1").focus(function () {
      $("#C1InputText1").css("color", "black");
      $("#C1InputText1").css("font", "normal 15px Verdana");
    });
    $("#C1InputText1").blur(function () {
      if ($("#C1InputText1").val() == "") {
        $("#C1InputText1").css("color", "red");
        $("#C1InputText1").css("font", "bold 15px Arial");
      }
    });
  });
</script>

<wijmo:C1InputText ID="C1InputText1" runat="server" Placeholder="入力してください">
</wijmo:C1InputText>