Question

我使用较少的文件来设置我的html元素的样式，并且我尝试使用属性＆＃39; kendo-date-time-picker＆＃39;来访问input元素。

html如下：

<input kendo-date-time-picker
               ng-switch-when="dateTimePicker"
               k-ng-model="$parent.model"
               k-format="'HH:mm - dd.MM.yy'"
               k-time-Format="'HH:mm'"
               data-on-change="change()"
               data-ng-readonly="readonly"
               data-ng-disabled="disabled"
               data-ng-required="required"
               data-ng-focus="focus($event)"
               data-ng-blur="blur()"
               interval="15"
               />

此刻我的文件看起来像这样：

& input[kendo-date-time-picker]{
    span{
        .slave{
            background: rgb(233, 231, 231) !important;
        }

        .k-picker-wrap.k-state-disabled{
            background-image: none !important;
            height: 30.3px;
            opacity: 1 !important;
            background: rgb(233, 231, 231) !important;
            border-width: 0px !important;
        }
    }
}

据我所知，这应该使用以下属性来访问任何输入元素：＆＃39; kendo-date-time-picker＆＃39;，但它不起作用。

忘掉＆＃39;＆amp;＆＃39; - 选择器，它嵌套在不同的元素中。我究竟做错了什么？有人可以帮我吗？

问候

Answer 1

span个元素不允许包含在input个元素中。您可以通过将span元素移到外面来为您的浏览器修复，这样您的标记最终将类似于：

<input ... />
<span> ... </span>

如果您希望在span元素后直接选择[kendo-date-time-picker]元素，可以使用Adjacent Sibling Combinator (+) selector：

input[kendo-date-time-picker] + span {
    ...
}

在less中访问一个空属性

1 个答案: