css样式input，CSS样式选择器的类型有

css如何实现input不可编辑

1、添加只读属性。在input标签里添加readonly=readonly ，就可以把这个文本输入修改为不可编辑了。保存html页面后使用浏览器打开，鼠标放到对应input文本框上，发现该文本框无法获取焦点，表示设置只读属性成功。

2、一般有2种方法使input文本框不可编辑：disabled 属性规定应该禁用 input 元素被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。

3、我们可以通过为表单字段（input文本框，标签，复选框，文本区域）设置以下方法来实现表单的不可编辑功能。

4、在设计网页时，有时需要将输入框设置为只读状态，即其中的内容不可编辑，实现这种设计的方法有两种：使用input的disable和readonly两个属性。

5、首先新建一个html文件，命名为test.html。在test.html文件内，在p标签内，使用input标签创建一个checkbox选项和一个文本框，并且文本框设置默认值。

6、使用readonly=readonly属性，让输入框变为只读。代码示例一：input type=text readonly=readonly value=代码示例一使用disabled=disabled属性，输入框变为灰色背景只读，但无法再提交被禁用的元素值。

相关问答

Q1: css移动端input框禁用样式修改

1、解决方法有很多，以下是一些可能有用的方法： 通过CSS样式来控制禁用状态下的表单样式，例如设置透明度、颜色等。 通过JavaScript来实现禁用状态下的表单样式，例如使用jQuery库中的.attr()方法来设置input标签的属性。

2、由于IE8 不识别 ：disabled 导致input[disabled]，input：disabled样式失效，可以考虑单独来写，或者直接使用input[disabled]。；IE9及以下无法改变字体颜色。

3、在index.html中的style标签中，输入css代码：button {border：0；width： 200px；height： 80px；background-color： gainsboro； cursor： not-allowed} 浏览器运行index.html页面，此时通过css实现了按钮的禁用样式。

Q2: 如何用css改变input显示的样式

使用css样式直接可以改变input的样式的，input属于行内替换元素height/width/padding/margin均可用，效果等于块元素。

可以用css3中新增的选择器“[attribute=value]”来同时选中指定的属性的标签。

css input样式修改的方法：利用伪类元素改变radio样式；利用label指向input，然后通过改变label样式来达到效果即可。本文操作环境：Windows7系统、Dell G3电脑、HTML5&&CSS3版。

第一步，使用sublime text2创建一个用于测试的新HTML页面，见下图，转到下面的步骤。第二步，完成上述步骤后，在网页上添加标签和输入框，见下图，转到下面的步骤。

一般的美化工作可以直接通过使用CSS完成，方法也十分简单，如下：首先制作一张输入框的背景图，如上图所示。

css样式input的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于CSS样式选择器的类型有、css样式input的信息别忘了在本站进行查找喔。