html - 如何在 kendoUI 多选中为占位符提供 css

Question

我正在使用剑道用户界面。要在我给的文本框中为占位符应用 css

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

我正在尝试将 css 应用于多选中的占位符。谁能帮我怎么做？

Answer 1

使用它来指定焦点之前输入的样式：

.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 */
}

Answer 2

关于什么：

.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;
}

取决于你到底想要什么

Answer 3

很抱歉一年后发表评论无论如何，我找到了使用javascript解决同样问题的解决方案：

1.订阅剑道多选的on change事件：

 @(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" });
            }
        });
     }

我的代码中有各种多选，所以我对多选的每次更改都进行了一次迭代。我知道我的代码效率不高，因为我迭代页面上的所有多选，并在每次更改其中一个时更改每个多选的 CSS。理想情况下，您不需要迭代所有现有的多选，但这很好用！