html 中设置只读的textarea控件颜色

CSS样式设置技巧
最新推荐文章于 2021-06-15 19:21:46 发布
原创 最新推荐文章于 2021-06-15 19:21:46 发布 · 2.7k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#css #html #textarea

本文介绍了一种特定的CSS样式设置方法，即如何通过更改textarea中只读属性的背景颜色来达到视觉效果的目的。

textarea[readonly] {background-color:#eeeeee !important;}

上面红色底色的替换为想要设定的颜色。

TextArea是一个用于显示和编辑多行可滚动文本的控件，通常用于需要用户输入或展示大量文本的应用中
m0_46376834的博客
06-28 695
TextArea是一个用于显示和编辑多行可滚动文本的控件，通常用于需要用户输入或展示大量文本的应用中。以下是TextArea。
修改placeholder的颜色 、HTML中让表单input等文本框为只读不可编辑的方法
洋葱专栏-有灵魂的程序员
04-24 2583
1、用于input placeholder的字体颜色，不能写在一起，只能分成两个写 CSS样式 input::-webkit-input-placeholder {     color:    #000; } input:-moz-placeholder {     color:    #000; } 2、不可编辑 disabled="true" 文字
html中输入框为只读状态如何设置
流年轻逝
10-30 2254
本文介绍了html页面中输入框只读状态的设置方法，在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种，感兴趣的朋友可以参考下。 在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种： 使用input的disable和readonly两个属性。 先来看下二者的区别：   复制代码 代码示例: dis
html+js实现文本框背景及只读属性修改
智慧的专栏
07-14 2811
因为工作需求接触了html+js，发现了这是一个很神奇的领域，宽松的语法要求，超文本类现实的输出语言，对于主要学习C语言的我感觉特别新奇。
让textarea 只读
wjwjd的博客
09-28 3152
网上找到几种方案 都试了下 editable="false" readonly="readonly" disabled="disabled" 不知道是不是语法我写错了  但这么写效果是 （顺寻代码和图片一致） 第二个和第三个都是不能点 不能修改   第一个可以点可以修改...
html中如何将文本域<textarea>内容变为只读
autumn20080101的专栏
05-15 3114
html中如何将文本域内容变为只读 举报描述不清违规检举侵权投诉| 分享| 2008-06-12 23:20 dyp999999 | 浏览 13554 次 在文本框中有readonly属性,但是文本域中该如何让他只读呢 可选中1个或多个下面的关键词，搜索相关资料。也可直接点“搜索资料”搜索整个问题。 文本域 textarea html 只读 搜索资料 我有更好的
使用HTML开发商业网站-表单控件-textarea课件.pptx
07-10
总结，`<textarea>` 控件是HTML表单中用于收集多行文本的重要元素，通过合理设置`cols`、`rows`属性以及应用CSS和JavaScript，我们可以创建出既功能完备又具有良好用户体验的文本输入区。在构建商业网站时，确保用户...
jsp 中设置 textarea 标签只读
06-17
在 JSP 页面中，可以通过 HTML 属性 `readonly` 将 `<textarea>` 标签设置为只读模式。当设置了该属性后，用户将无法修改 `<textarea>` 内的内容，但仍然可以使用键盘或鼠标选择文本[^1]。 以下是实现只读 `...
浅谈html中input只读属性readonly和disable的区别
09-28
HTML中的`readonly`和`disabled`属性都是用来限制用户对表单元素的交互，但它们在实际应用中具有不同的效果和使用场景。 首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它...
我只是想一次给多个控件设置只读，参照我的代码修改即可
最新发布
11-09
根据用户需求，需要修改之前的JavaScript方法，使其能够一次性设置多个控件的只读状态。我们可以通过传递一个包含多个元素ID的数组，或者使用类名选择器来实现同时设置多个元素。 ### 方案1：通过传递ID数组设置多...
html 文本域 颜色,怎么修改textarea内字的颜色_html/css_WEB-ITnose
weixin_42522626的博客
06-15 2684
怎么简单的修改textarea内部分字的颜色？回复讨论(解决方案)一：如果是全部字的话，直接定义textarea样式字的颜色就行。二：如果仅是个别关键字的话，得用JS，只有在textarea里出现类似的关键字的时候那么才会高亮显示。textarea{color:#f00;}部分字体的话，如代码高亮显示，只能用JS实现了。不能直接加标签吗？怎么简单的修改textarea内部分字的颜色？刚观察了下 谷...
Textarea的readonly问题
weixin_30933531的博客
12-27 930
textarea的readonly属性，不能用setAttribute方法设置，只能类似textarea.readOnly = true|false的写法。 原因: setAttribute只能设置一个字符串值。当readonly值为"false"的时候，依然是readonly状态。必须是布尔值false才行。 转载于:https://www.cnblogs.com/LoadingChan/p/...
textarea背景图片|背景颜色
na_na_er的专栏
01-19 2512
无标题文档.unnamed1 {background-image: url(ai1.jpg);}-->.unnamed2 {background: url(ai1.jpg);}-->   textarea的背景颜色
设置input标签readonly状态下的输入框颜色
热门推荐
全场梦游c的博客
11-28 1万+
一般情况下 readonly状态下的输入框时灰色，如果想要改变颜色则需要添加一个css样式即可。 此操作将灰色改为白色。 &lt;style&gt; input[readonly]{ background-color: #ffffff      (可根据需要改颜色) } &lt;/style&gt;  ...
textarea 实现关键字变色
qq_41213315的博客
10-18 9001
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt; &lt;style type="text/css"&gt; .in, .out { paddi
TextArea为只读而文本框颜色不发生变化
weixin_30797027的博客
05-04 447
项目界面编写时，想实现TextArea为只读而文本框颜色不发生变化。尝试解决办法：使用setEditable和setEnable，但文本框变灰了。解决办法：document.getElementByld(“控件ID”)readOnly = true 转载于:https://www.cnblogs.com/jessiefan/p/5460040.html...
html 设置textarea字体颜色,textarea标签设置值
weixin_32039589的博客
06-15 5853
html中怎样给textarea赋值jquery给textarea赋值的方法跟普通input一样。 举例说明，有如下代码： $("" + "").appendTo("body"); 那么给id='t1'的textarea赋值的方法如下： $("#t1").text("AAA"); $("#t2").val("BBB"); 分别说明两种写法的区别：textarea标签怎么取值ddddddddd al...
Web前端之HTML取色器
qq_44394562的博客
05-25 5402
今天给大家分享一个很不错的html取色器，话不多说，直接上图： 以下是源码： html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=
更改input readonly时的背景色
abckingaa的博客
03-22 8592
disabled 文字会变成灰色，不可编辑。表单序列化提交到后台,会被忽略,不处理. readonly 文字不会变色，与能编辑的输入框看起来没区别,但不能编辑。表单序列化提交到后台,会处理. 我想让不可编辑的input提交到后台, 但readonly的颜色与可输入的一样,用户体验不好. disabled又不能满足要求,只能改了. 增加如下, 背景色就可以变化了,还可...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值