css - 用于输入 :readonly 的 bootstrap 4.0/css

Question

如何更改只读字体颜色的外观。

我找到了改变背景颜色的方法

input:-moz-read-only  /* For Firefox */
background-color: yellow;
input:read-only 
background-color: yellow;

但相同的代码不适用于颜色。

改变不透明度也没有效果。

Answer 1

实际上，这不是正确的语法。你必须把:

input:-moz-read-only {
  /* For Firefox */
  background-color: yellow;
}

input:read-only {
  background-color: yellow;
}

并且，需要将其插入到您正在使用的任何 CSS 文件中或 <style> 中HTML 中的标签。

这里给你一个片段:

input:-moz-read-only {
  /* For Firefox */
  background-color: yellow;
}

input:read-only {
  background-color: yellow;
}

<input type="text" readonly value="Can't change." />

预览