css去除input选中样式，css去掉输入框的边框

如何取消input边框点击时候

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

border）和背景色属性的。可以在CSS中加入border：none；（或者在html中加入style：border：none）可以去掉边框。input标签在鼠标点击时，会有黄色的边框。如果不需要，可以加input{outline：medium；}属性去掉。

问题一：css中如何去掉button（按钮）的边框 可以这样写：.ha_bor{border：1px #ff0000 solid；} 把这个样式赋到你的input里即可，当然，border内的值是可以改的。

相关问答

Q1: input默认样式怎么去除?

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

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

自己定义一个样式就可以覆盖掉浏览器本身的样式。

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

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

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

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

4、用css()便可以覆盖原来元素的样式了哦。如果是修改元素单个样式，要用逗号隔开，不可以使用冒号哦。

Q3: 如何去掉input点击后的蓝色边框

input{outline：none；} /style 3 第三种方式：直接用 input：focus { outline： none； } 控制聚焦时不出现蓝色边框~END 小结 html很多标签都有默认样式，因此最好在样式中一开始就给表单标签去除默认的样式问题。

直接用 input：focus { outline： none； } 控制聚焦即可去掉蓝色边框。

新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：input type=text style=outline： none； /。浏览器运行index.html页面，此时输入框选中后出现的蓝色边框被去除了。

如果你不想变蓝，你可以这样设置，边框的颜色按你自己设置的来，也就是把#ccc换成你自己设置的颜色。

css去除input选中样式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css去掉输入框的边框、css去除input选中样式的信息别忘了在本站进行查找喔。