我知道我可以用Sass做各种奇妙的事情

.date {

  & input[readonly] {
    cursor: default;
  }
}

但是，我的inputreadonly被Foundation 6设置为inputreadonly，如果没有添加重要的内容，这将无法覆盖它。看起来这应该可以在没有!important的情况下解决，但你不能这样做：

.date {

  &input[readonly] {
    cursor: default;
  }
}

因为你会得到.dateinput[readonly]{ ... }。有什么办法可以让我拿到inputreadonly.date吗？下面的示例不会这样做，因为必须在复合选择器的开头使用：

.date {

  input[readonly]& {
    cursor: default;
  }
}

转载请注明出处:http://www.hrtxgs.com/article/20230526/1766101.html

随机推荐

  1. input框设置禁用状态

    ...

  2. 通过disabled和readonly将input设置为只读效果

    有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。...

  3. input type=date“/ select with .click()

    我知道有很多这样的东西，但没有一个被证明是有帮助的。无论我怎么努力也找不到弹出式日历。有什么建议吗？html：label for=id_start_dateStart Date/label input class=form-contro...

  4. input之怎么清除默认值

    inputname="username"type="text"value="firstname.lastname"size="15"maxlength="60"onfocus="this.value=''"那如果我再把鼠标移开,又出现默认...

  5. input 日期选择功能的javascript代码

    document.writeln(''); document.writeln(' '); document.writeln(' '); document.writeln(' '); document.writeln(' '); doc...

  6. input core input.c (1)

    drivers/input/input.c 就是所谓的input的核心程序。 分析这个文件，先从input_init开始。 1: static int __init input_init(void) 2: { 3:...

  7. input 输入框内的输入事件详细分析

    1.基础:本次分析原理就是在各个浏览器下input内容变化的时候触发事件的各种不兼容性.在ie下用onpropertychange事件,在其他浏览器里用input事件. 2.用例:对每个浏览器分别测试如下的情况: –输入英文字母时–开启输...

  8. input元素[type="file"]时的样式定制及浏览器兼容性问题探讨

    这两天在做百姓网的笔试题的时候遇到了这样一个问题，用 HTML5 的新特性实现百姓网现有的一个模块，在百姓网中逛了一阵后最终选定了发布信息所用的表单模块，原因很简单，在 HTML5 中针对表单有很多新特性可以使用，这些新特性也很有实用性，...

  9. input 边框颜色

    border 的属性 有三个 border:5px solid red; 如果上述值缺少一个没有关系，例如border：＃FF0000;是允许的。 分别对应：border-width, border-style,border-color....

  10. input标签的value和name属性详解

    input标签的value和name属性详解 一、value属性 input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的 当 type 的取值为 button、reset、submit 中的其中一个...