4

剣道UIを使用しています。私が与えたテキストボックスのプレースホルダーにcssを適用するには

::-webkit-input-placeholder { font-style:normal;        
             opacity:0.6;
            color:grey;
            font-size:14px;
        }

複数選択でプレースホルダーに css を適用しようとしています。誰でもそれを行う方法を手伝ってもらえますか?

4

3 に答える 3

3

これを使用して、フォーカス前の入力のスタイルを指定します。

.k-multiselect-wrap>.k-input {
   font-style: normal;
   color: #C5C5C5;
   font-size: 16px;
   font-size: 1.6rem;
}

これにより、フォーカスされたとき (ユーザーが入力している間) の入力のスタイルが設定されます。

.k-multiselect-wrap>.k-input:focus {
   color: #000; /* specify the focused input color */
}
于 2014-02-09T17:04:58.857 に答える
1

1年後にコメントして申し訳ありませんとにかく、同じ問題に対してjavascriptを使用した解決策を見つけました：

1.剣道マルチセレクトの変更イベントに申し込む：

 @(Html.Kendo().MultiSelectFor(model => model.MyVar)                          
               .Events(events => events.Change("multiSelectChange"))
                )

次に、JavaScriptで関数を宣言しました

function multiSelectChange() {
        var $multiSelectLists = $(".k-multiselect-wrap");
        $multiSelectLists.each(function (index) {
            if ($(this).find("ul").children().length > 0) {
                $(this).css({ "color": "gray", "opacity": "1.0" });
            }
            else {
                $(this).css({ "color": "gray", "opacity": "0.5" });
            }
        });
     }

私のコードにはさまざまな複数選択があったので、複数選択を変更するたびにそれらすべてを繰り返します。ページ上のすべての複数選択を反復し、そのうちの 1 つが変更されるたびにそれぞれの CSS を変更するため、コードがあまり効率的ではないことはわかっています。理想的には、既存のすべての複数選択を反復する必要はありませんが、これはうまく機能します!

于 2014-07-16T22:57:02.737 に答える
1

どうですか：

.k-multiselect-wrap {
    font-style: normal;
    opacity: 0.6;
    color: grey;
    font-size: 14px;
}

また

.k-multiselect {
    font-style: normal;
    opacity: 0.6;
    color: grey;
    font-size: 14px;
}

あなたが正確に何を望んでいるかに応じて

于 2013-10-25T17:10:13.960 に答える