css textarea readonly模拟disabled样式

IE下textarea设置disabled属性后，滚动条不能滚动，为解决该问题，使用readonly属性模拟disabled效果，css样式设置如下：

textarea[readonly]{background-color: #f5f5f5;/*背景色*/color:#848484;/*字体颜色*/border: 1px solid #d5d5d5;/*边框*/cursor: default;/*鼠标指针光标样式*/
}

css textarea readonly模拟disabled样式相关推荐

readonly与disabled属性在css中区别
论readonly与disabled在css中区别之前在项目中遇到的一个问题,现在想把它记录下来. 当项目需求上需要在文本框中禁用输入某个值的时候,我第一个反应是用了disabled,因为之前一直接 ...
html按钮disabled状态,CSS定义input disabled样式的三种方法
表单提交的时候我们经常会让提交按钮禁用,满足条件后按钮恢复,disabled禁用按钮后怎么用CSS来改变禁用disabled按钮的样式呢?下面看青岛星网:CSS定义input disabled样式的三 ...
【CSS】设置按钮disabled时的样式
还原一下写此文的场景:微信小程序中,点击button,设置disabled的值为true时,button样式就变灰了: button标签: <button class='bottomBtn' b ...
css readonly和disabled的区别
一.两者的联系 1.两个属性都可以作用于input等表单元素上,都使得元素成为"不可用"的状态: 2.两者的字面意义: (1)readonly表示"只读",一般 ...
【转载】表单中 Readonly 和 Disabled 的区别
今天写代码,遇到表单提交的问题,某个字段在不同的情况下,要传递不同的值进行赋值,试过一些方法都有些问题,后来请教前端同学,使用 disabled 这个属性终于搞定了问题,查到一篇讲解 readonly ...
css设置a连接禁用样式_使用CSS禁用链接
css设置a连接禁用样式 Question: 题: Links are one of the most essential aspects of any web page or website. Th ...
表单中Readonly和Disabled的区别
Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / pass ...
readonly和disabled的区别
Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: Readonly只针对input(text / pass ...
【CSS】CSS 层叠样式表 ② ( CSS 引入方式 - 内嵌样式 )
文章目录一.CSS 引入方式 - 内嵌样式 1.内嵌样式语法 2.内嵌样式示例 3.内嵌样式完整代码示例 4.内嵌样式运行效果一.CSS 引入方式 - 内嵌样式 1.内嵌样式语法 CSS 内嵌样式 ...

css textarea readonly模拟disabled样式

css textarea readonly模拟disabled样式相关推荐

最新文章

热门文章