怎样设置button的默认样式?

[highscore2]

input{font-size:13px;color: #003300;}
这样设置了 input 元素的字体及颜色.但input元素包括text,button,等多种类型,我只想设置 input type="button" 的默认样式，请问应该如何写CSS?

[不积小流无以成江海]

这样你看可以吧！
html:
<button>修改</button>

<button>类似于<input type="button"/>

样式表：
button{
font-size:13px;
color: #003300;
}

[sharpblade]

可以用属性选择器,不过ie6不支持噢

[highscore2]

[Quote=引用 5 楼 lanqibo 的回复:]
引用 4 楼 highscore2 的回复:
引用 1 楼 lanqibo 的回复:
用样式选择器啊

  .样式名{font-size:13px;color: #003300;}


   <input type="button" class="样式名"/>


这种方法不方便, 每个button都写一次!


怎么不方便啊？和你说的方法只是多加一个样式选择啊

class="样式名"
[/Quote]
这样每个button都要自己加个class,当然没那么方便面了，多个人开发的时候，人家不一定知道你在用这个css呢

[highscore2]

[Quote=引用 6 楼 wanwanwan123 的回复:]
这样你看可以吧！
html:
<button>修改 </button>

<button>类似于 <input type="button"/>

样式表：
button{
  font-size:13px;
  color: #003300;
}
[/Quote]

我这样写了但没效果!

[lanqibo]

[Quote=引用 8 楼 highscore2 的回复:]
引用 5 楼 lanqibo 的回复:
引用 4 楼 highscore2 的回复:
引用 1 楼 lanqibo 的回复:
  用样式选择器啊

  .样式名{font-size:13px;color: #003300;}


      <input type="button" class="样式名"/>


  这种方法不方便, 每个button都写一次!


怎么不方便啊？和你说的方法只是多加一个样式选择啊

class="样式名"

这样每个button都要自己加个class,当然没那么方便面了，多个人开发的时候，人家不一定知道你在用这个css呢
[/Quote]


只能说贵公司的工作流程不合理啊。

一般是步骤

1 美工设计
2 界面重构
3 程序开发

你在2里已经做出了页面的静态页面。程序员还要考虑什么样式呢？

[不积小流无以成江海]

不可能啊，我在IE和ff下都试过的，均正常！
你的浏览器是？
是不是写样式表的时候多加了一个点了:
例如：
.button

[不积小流无以成江海]

你的那个样式也不是太明显，可以改变下颜色看一下效果！

[lanqibo]

用样式选择器啊

.样式名{font-size:13px;color: #003300;}



<input type="button" class="样式名"/>

[lanqibo]

如果你想用 input[type="button"]{font-size:13px;color: #003300;}

这样不能实现多浏览器的兼容。最好还是用我上面的方法

[阿非]

需要button 设置 class

[highscore2]

[Quote=引用 1 楼 lanqibo 的回复:]
用样式选择器啊

.样式名{font-size:13px;color: #003300;}


<input type="button" class="样式名"/>
[/Quote]

这种方法不方便, 每个button都写一次!

[lanqibo]

[Quote=引用 4 楼 highscore2 的回复:]
引用 1 楼 lanqibo 的回复:
用样式选择器啊

.样式名{font-size:13px;color: #003300;}


  <input type="button" class="样式名"/>


这种方法不方便, 每个button都写一次!
[/Quote]

怎么不方便啊？和你说的方法只是多加一个样式选择啊

class="样式名"

[ddcatlee]

使用属性选择器，用Js对付ie6

[msdnlu]

input[type="button"]{font-size:13px;color: #003300;}
input{font-size:expression(type=="button"?"13px":"");
color:expression(type=="button"?"#003300":"");}

[liuwave]

[Quote=引用 15 楼 msdnlu 的回复:]
input[type="button"]{font-size:13px;color: #003300;}
input{font-size:expression(type=="button"?"13px":"");
color:expression(type=="button"?"#003300":"");}
[/Quote]
这个 要好些吧 .. 不 过冒是ie6不支持...

[highscore2]

[Quote=引用 12 楼 wanwanwan123 的回复:]
你的那个样式也不是太明显，可以改变下颜色看一下效果！
[/Quote]

<style type="text/css">
button{background:#FF0000; font-size:20px}
</style>
<input type="button" value="sdfsfsdf" />
这样是无效的， 请注意我想设置input type="button" 的默认css的方法，并不只针对button,也可能是check,radio等的. 设置全局默认CSS是非常方便的事情!