css中只读,是否可以通过CSS将输入字段设置为只读？

我知道通过应用readonlyboolean属性将输入元素设为只读，并且该属性不受CSS的影响。

另一方面，我的情况似乎非常适合CSS，因此我希望可以使用某种CSS技巧来实现。我的表格上有可打印的版本

超链接。单击它会显示文档的可打印版本。它主要是CSS东西，我的print.css看起来像这样：

html.print {

width: 8.57in;

}

.print body {

font: 9pt/1.5 Arial, sans-serif;

margin: 0 1in;

overflow: auto;

}

.print #header, .print #footer {

display: none;

}

.print .content {

background-color: white;

overflow: auto;

}

.print .fieldset > div.legend:first-child {

background: white;

}

.print ::-webkit-input-placeholder {

/* WebKit browsers */

color: transparent;

}

.print :-moz-placeholder {

/* Mozilla Firefox 4 to 18 */

color: transparent;

}

.print ::-moz-placeholder {

/* Mozilla Firefox 19+ */

color: transparent;

}

.print :-ms-input-placeholder {

/* Internet Explorer 10+ */

color: transparent;

}

.print .check-mark {

display: inline;

}

.print input[type=checkbox] {

display: none;

}

.print .boolean-false {

display: none;

}

还有一些javascript片段，例如：

将print类添加到html元素

显示没有滚动条的表

其他一些小事情，例如隐藏任何弹出窗口叠加层。

我当前的问题是输入字段。它们应该是只读的，但是，我不知道如何以最少的代码更改来做到这一点。CSS可能是一个完美的解决方案。

有任何想法吗？

css中只读,是否可以通过CSS将输入字段设置为只读？相关推荐

面试总结（CSS 的盒模型？、CSS 中选择器的优先级以及 CSS 权重如何计算？、CSS 中哪些属性可继承，哪些不可以？、CSS 单位中 px、em 和 rem 的区别？、rem 适配....)
CSS 的盒模型? 盒子模型(Box Modle)可以用来对元素进行布局,包括内边距,边框,外边距,和实际内容这几个部分第一种是 W3C 标准的盒子 ...
CSS中expression怎么用？ CSS expression详解
什么是CSS expression? IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript脚本关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义 ...
css中reset属性详解,css中如何使用counter-reset属性
css中如何使用counter-reset属性发布时间:2020-09-23 14:26:58 来源:亿速云阅读:83 作者:小新这篇文章主要介绍css中如何使用counter-reset属性, ...
css中字体下划线样式,css下划线浅谈css自定义下划线
使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...
css中width是什么意思,css width是什么意思
width是宽度的意思,它是CSS中的一个用于设置元素宽度的属性. width属性设置元素的宽度. width属性定义元素内容区的宽度,在内容区外面可以增加内边距.边框和外边距:行内非替换元素会忽略这 ...
问答：如何规划CSS 中的命名方式如何看待 CSS 中 BEM 的命名方式？
好多盆友很纠结 css命名规则怎么弄,还没起步就被绊住了,那么今天蝈蝈就针对这个问题来讨论一下没什么技术含量,但却对效率开发至关重要的 "问题". 下文是一些知乎大神的个人 ...
css中怎么加入立体模型,CSS学习笔记二：css 画立体图形
继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...
CSS中line-height属性详解(CSS之四)
CSS中line-height属性详解基本概念 line-height,又称行高,指的是两行文字基线之间的距离,又可以称为这行文字所占的高度. 图中两行基线之间的距离就是行高,基线相关可以查看CSS ...
css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
css中indent是什么意思,css中text-indent用法及与padding的区别详解
语法: text-indent : length 参数: length : 百分比数字|由浮点数字和单位标识符组成的长度值,允许为负值.请参阅长度单位说明: 检索或设置对象中的文本的缩进. 在被另一 ...

css中只读,是否可以通过CSS将输入字段设置为只读？

css中只读,是否可以通过CSS将输入字段设置为只读？相关推荐

最新文章

热门文章