如何使用 CSS 设置只读属性的样式?

How to style readonly attribute with CSS?(如何使用 CSS 设置只读属性的样式?)
本文介绍了如何使用 CSS 设置只读属性的样式?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我目前正在使用 readonly=readonly";禁用字段.我现在正在尝试使用 CSS 设置属性的样式.我试过使用

I'm currently using readonly="readonly" to disable fields. I'm now trying to style the attribute using CSS. I've tried using

input[readonly] {
  /* styling info here */
}

但由于某种原因它无法正常工作.我也试过了

but it is not working for some reason. I've also tried

input[readonly='readonly'] {
  /* styling info here */
}

这也不行.

如何使用 CSS 设置 readonly 属性的样式?

How can I style the readonly attribute with CSS?

推荐答案

input[readonly]
{
    background-color:blue;
}

https://curtistimson.co.uk/post/css/style-readonly-attribute-css/

这篇关于如何使用 CSS 设置只读属性的样式?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

Authorization header in img src link(img src 链接中的授权标头)
:hover:before text-decoration none has no effects?(:hover:before text-decoration none 没有效果?)
Is CSS faster when you are specific?(当您特定时,CSS 会更快吗?)
CSS sibling selectors (select all siblings)(CSS 兄弟选择器(选择所有兄弟))
IE: nth-child() using odd/even isn#39;t working(IE:使用奇数/偶数的 nth-child() 不起作用)
How can I tell if an element is in a shadow DOM?(如何判断一个元素是否在影子 DOM 中?)