Html 如何为kendoUI multiselect中的占位符指定css
我正在使用剑道用户界面。 在我给出的文本框中为占位符应用cssHtml 如何为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
::-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" });
}
});
}