css去除按钮样式,css移除样式

c#怎样用css样式来改变按钮

css设置按钮样式的方法：定义一个css选择器，然后在按钮标签中使用此选择器即可设置按钮样式。使用:hover伪类选择器可以设置按钮交互时样式。

button样式需要注意的有几点：

1、建议有一个最小宽度，以免在文字很少时使得按钮过于窄，宽高不协调；

2、建议有一个padding，以免内部文本显得过于拥挤；

2、hover时需要有颜色变化，以告诉用户这是一个可交互元素，更为灵动；

3、获得焦点时应与hover时的效果一致，释放焦点时则回到普通效果。

4、获得焦点时的outline建议去掉，否则较为难看。

普通状态样式设置：.btn{

min-width: 60px;

padding: 5px 8px;

background: #fff;

color: #4daff9;

border: 1px solid #4daff9;

}

交互状态(hover、focus)样式设置：.btn:hover{

color: #fff;

background: #0a90f5;

}

.btn:focus{

color: #fff;

background: #0a90f5;

outline: none;

}

相关问答

Q1: CSS 如何清除输入框（input）在IE浏览器中自带的清除按钮

最近在项目中遇到了一个浏览器自带样式的问题，在IE浏览器中，Input输入框会自带清除按钮，会与项目中写好的清除按钮发生冲突。

给Input添加以下样式：

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

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

Q3: css中如何去掉button（按钮）的边框

用新的边框我们先要除去旧的边框才可以，然后再给他加上新边框，如下：

一，先除去：

1，看下默认样式效果，如图可以看到，默认padding和border，字体大小也是受浏览器默认指定

2，去除padding，指定一个字体大小，这里匹配了*表示所有元素，因为大部分的默认margin和padding都需要先去除，统一去除，后面需要再单独有针对性的添加

*{

margin: 0;

padding: 0;

font-size: 100%;

}

3，默认padding去除之后，按钮之间有间隙，这是inline-block默认的间距，用float来去除，并指定合适的宽和高

button{

float: left;

width: 60px;

height: 60px;

}

4，间距去掉了，但都显示成一行了，这个是因为添加的浮动影响的，可以在div元素后面去除浮动

div:after{

content: "";

display: block;

clear: both;

}

5，此时，可以看到边框重叠导致边框宽度不一致，需要自定义边框

border: 1px solid black;

margin-right: -1px;

margin-bottom: -1px;

6，从上面的图中，可以看到，在鼠标点击按钮的时候，会有蓝框选择的样式

加上outline: none;来去除

二，再加上是使用如下的编程方法：

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

/head

style type="text/css"

div{

width:200px; height:100px; border-bottom:1px solid #CCC;}

/style

body

divdiv1/div

divdiv2/div

/body

/html

导致会出现边框的原因是CSS的默认设置，所以只要把这个默认设置改掉就可以了。然后就可以加上你想要的边框了哦！

Q4: 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;}

Q5: css 怎么去掉button默认样式

方法和详细的操作步骤如下：

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

2、第二步，执行完上面的操作之后，在顶部样式标签上设置输入样式，将输入的显示属性设置为none，删除默认的单选框，然后设置每个单选框的边距，见下图，转到下面的步骤。

3、第三步，执行完上面的操作之后，继续设置下面的样式，设置“label”标签的伪元素before和after，然后将原始复选框更改为状态属性，“

 checked + label”设置为红色的实心框，并取消选中状态，“ label :: after”为白色空心框，见下图，转到下面的步骤。

4、第四步，执行完上面的操作之后，打开浏览器，可以看到设置的样式，去掉了默认样式，见下图。这样，就解决了这个问题了。