css按钮取消选中样式,css单选按钮样式

如何用css去除button按钮的默认样式

直接css给button添加需要的样式就行,会覆盖默认样式。比如：style="border:0px;"

相关问答

Q1: 可以不可以直接用css去除input style=“botton”点击凹陷的效果呢

background:none; border:none; 只能去掉button的背景色跟边框，那种默认的点击效果无法用css去除

button要有3d突出感，让人容易相信这是一个可以点击的按钮

自定义button：用图片代替原生按钮，然后给图片添加点击事件，

如同下面这个：

Q2: CSS可否改变设置按钮的样式？怎么做呢？菜鸟求教~

1、首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。

2、按钮样式比较多，这样写让代码不整洁，可阅读性差，就要用style标签。

3、style type="text/css"/style样式表。style标签里面表示的是一个样式表，我们所有的样式都可以写到标签中去。这段代码的意思是：凡是button标签都使用这个样式。

4、把 样式表中的  button{}改成了.ui_button{}，然后在button标签里面加了class属性，这样做的意思是，这个button标签使用了名字为ui_button的样式。

5、通过javascript动态修改样式，为了避免用户多次点击提交按钮重复提交信息，在用户点击提交按钮之后，禁用按钮，并设置按钮字体的颜色为灰色。

6、修改样式的其他方法：obj.style.cssText = "color:#E1E1E1;background-color:black;";cssText可以写多个样式样式属性。

7、修改样式的其他方法：obj.setAttribute("class", "style2");直接更改按钮标签的class属性，把指向名为ui_button的样式改为指向名为style2的样式。

8、修改样式的其他方法：link href="css1.css" rel="stylesheet" type="text/css" id="css"/obj.setAttribute("href","css2.css");修改引用外部的样式表文件，这样就可以对整个页面的样式进行全部更新。

Q3: css 苹果手机按钮默认样式如何去掉？

只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了。 （不要写在class里哦）

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}

textarea {  -webkit-appearance: none;}

如果还有圆角的问题，

.button{ border-radius: 0; }

1、去除Chrome等浏览器文本框默认发光边框

input:focus, textarea:focus {outline: none;}

去掉高光样式：

input:focus{

-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-user-modify:read-write-plaintext-only;}

当然这样以来，当文本框载入焦点时，所有浏览器下的文本框的边框都不会有颜色上及样式上的变化了，这样的话，当文本框载入焦点时，边框颜色就会变为橙色，给用户一个反馈。

2、去除IE10+浏览器文本框后面的小叉叉，只需下面一句就ok了

input::-ms-clear {display: none;}