如何使用 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 设置只读属性的样式?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！

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

相关文档推荐

img src 链接中的授权标头
Authorization header in img src link(img src 链接中的授权标头)
:hover:before text-decoration none 没有效果?
:hover:before text-decoration none has no effects?(:hover:before text-decoration none 没有效果?)
当您特定时，CSS 会更快吗?
Is CSS faster when you are specific?(当您特定时，CSS 会更快吗?)
CSS 兄弟选择器(选择所有兄弟)
CSS sibling selectors (select all siblings)(CSS 兄弟选择器(选择所有兄弟))
IE:使用奇数/偶数的 nth-child() 不起作用
IE: nth-child() using odd/even isn#39;t working(IE:使用奇数/偶数的 nth-child() 不起作用)
如何判断一个元素是否在影子 DOM 中?
How can I tell if an element is in a shadow DOM?(如何判断一个元素是否在影子 DOM 中?)
前端开发Java开发C/C++开发Python开发C#/.NET开发php开发移动开发数据库
织梦资讯网 织梦模板 dede 外语学校 织梦鬼故事 竞价网站源码 竞价培训网 门户网站 织梦二次开发 织梦笑话网 dedecms笑话网 织梦源码 网站建设 搞笑图片 织梦教程 旅游网站源码 织梦旅游网 学校培训 html5 企业织梦源码 医院源码 后台样式 移动营销页 整形医院 大学医院 新手建站 客服代码 洗衣机维修 企业网站 淘宝客 导航菜单 教育网站 学校源码 装修网站 装修模板 美容整形 女性健康 妈妈网 机械源码 建站公司 珠宝首饰 苹果网站 手机资讯 美女图片 织梦模版打包 妇科源码 安卓市场源码 男性时尚网 健康之家 app应用网站 笑话网站 下载站 美女图片网 中医院网站 家装网站源码 QQ网站 标牌网站 魔兽世界网 淘宝客源码 YY网站源码 别墅设计网站 服装搭配网 宝宝起名网 站长网站 婚庆网站 脑科医院源码 笑话源码 肝胆医院 意外怀孕源码 工作室