Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何为kendoUI multiselect中的占位符指定css_Html_Css_Kendo Ui - Fatal编程技术网

Html 如何为kendoUI multiselect中的占位符指定css

Html 如何为kendoUI multiselect中的占位符指定css,html,css,kendo-ui,Html,Css,Kendo Ui,我正在使用剑道用户界面。 在我给出的文本框中为占位符应用css ::-webkit-input-placeholder { font-style:normal; opacity:0.6; color:grey; font-size:14px; } 我正在尝试将css应用于multiselect中的占位符。 有人能帮我怎么做吗?关于: .k-multiselect-wrap { fo

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

::-webkit-input-placeholder { font-style:normal;        
             opacity:0.6;
            color:grey;
            font-size:14px;
        }
我正在尝试将css应用于multiselect中的占位符。 有人能帮我怎么做吗?

关于:

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


根据您的具体需要,使用此选项指定聚焦前输入的样式:

.k-multiselect-wrap>.k-input {
   font-style: normal;
   color: #C5C5C5;
   font-size: 16px;
   font-size: 1.6rem;
}
此选项用于设置聚焦时(用户键入时)输入的样式:


很抱歉在一年后发表评论 总之,我找到了使用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" });
            }
        });
     }

我的代码中有各种各样的多重选择,所以我在多重选择的每次更改中都会对它们进行迭代。我知道我的代码不是很有效,因为我在我的页面上迭代所有的多重选择,并在每次更改其中一个选择时更改每个选择的CSS。理想情况下,您不需要迭代所有现有的多重选择,但这很好

如果我应用了上面的css,那么,如果我在multiselect中选择了任何元素,相同的css也在应用,你希望它看起来像什么,就像已经选择的一样?最初占位符显示在multiselect中,我希望通过上面的css显示它,如果我在multiselect中选择了任何记录,那么上面的css将应用于所选的记录,并且它也以0.6不透明度和灰色显示。我不明白你想要什么。据我所知,最初选择的选项看起来不错,但我不知道问题是选项在下拉菜单中的显示方式,还是新选择的选项的外观,或者这是什么?出于某种原因剑道默认为黑色,而它应该是浅灰色。它是黑色的,但他们调整了不透明度,使其成为灰色。
 @(Html.Kendo().MultiSelectFor(model => model.MyVar)                          
               .Events(events => events.Change("multiSelectChange"))
                )
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" });
            }
        });
     }