input禁用css样式 css设置禁用

css如何实现input不可编辑

只有readonly的那个文本是蓝色的！disabled是按系统设置的disabled颜色来设置前景色的，css对其无效！另外，readonly和disabled还有一个不同点就是，当input属性为readonly时，提交表单是可以获得input的内容。

10年积累的成都网站建设、做网站经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站策划后付款的网站建设流程，更有五峰免费网站建设让你可以放心的选择与我们合作。

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

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

文字框不可编辑，禁止使用者修改的几种方法文字框不可用可以在标签input属性中设定readonly 具体步骤：方法一：设定readonly属性为true。

两种方法：input type=text name=noedit size=20 disabled=disabled value=不可编辑，这种方法可以让文本框不可编辑，但同时会导致服务端不能获取该文本框的值。

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

如何使用css去除浏览器对表单赋予的默认样式

1、如果对这个默认样式不满意最简单的解决办法就是重新设置该样式的属性，因为user agent stylesheet优先级很低，会被覆盖，这样就不会影响到我们的样式了，比如这里我就讲form 的margin-bottom设为0px。

2、在css标签内，通过class设置ul的样式，将list-style属性设置为none，消除列表的默认序号。请点击输入图片描述在css标签内，再将padding属性和margin属性消除li列表的内外边距。

3、清除在编写页面中由于浏览器默认样式带来的干扰。兼容性更好，不同浏览器的默认样式可能会有所不同，如果不清楚可能会造成我们编写的页面在不同浏览器上的效果有所出入。

4、在写表单时候会发现一些浏览器对表单赋了默认的样式，如在谷歌浏览器下，文本框和下拉选择框当载入焦点时，会出现发光的边框！文本框textarea可以自由拖拽拉大！在IE10下，文本框输入内容后，会在右侧出现一个小叉叉。

5、第一步，打开软件并创建一些默认复选框，见下图，转到下面的步骤。

如何禁止input的style属性?

HTML中，input标签默认是有边框（border）和背景色属性的。可以在CSS中加入border：none；（或者在html中加入style：border：none）可以去掉边框。input标签在鼠标点击时，会有黄色的边框。

两种方法：input type=text name=noedit size=20 disabled=disabled value=不可编辑，这种方法可以让文本框不可编辑，但同时会导致服务端不能获取该文本框的值。

首先来看下测试代码，html里，主要部分有二个input输入框，和一个按钮。在js代码里，借助Jquery插件库来操作，以减少代码，所以先引入对应的脚本库文件。

还可以通过CSS来做，这个更适合，禁止多个：style .test{ime-mode： disabled；} /style input name=a type=text value=哦噢 class=test 还有，可以用onfocus=this.blur()，JS，JQ等等。

CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。

怎么用css去掉chrome浏览器中input获得焦点时的带颜色边框

首先我们在html页面中输入input的相关代码； 2 用浏览器查看时，会发现点击input出现了蓝色边框； END 解决问题查找了各方面的资料才知道这是input默认的样式。

打开浏览器，出现点击input出现了蓝色边框。直接在input中加style=“outline：none；”。在顶部style中直接控制css样式：style type=text/css input{outline：none；}/style。

查了一下午这个问题，我必须得回答一下，找了很久在浏览器设置里有个启动时选项，往下拉，有个高级按钮，点击展开，在往下拉，有个无障碍选项，里面有个“短暂的突出显示焦点对象”把这个给我关了，就消停了。

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

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

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

打开编辑工具，创建静态页面。在页面中插入一个输入框。设置输入框的宽度、高度、文字样式。在初始化函数里编写table函数，对于不同情况设置不同的样式。预览静态页面，打开浏览器调试结果。

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

input{-webkit-appearance： none； -moz-appearance： none； -o-appearance： none； appearance： none；}去除input的默认样式用上边的代码就可以实现了。如果是只去除部分input的默认样式您可以使用class或ID来指定。

给这个输入框加一个class，名字定义为input01，给input01写一个样式。