CSS中的禁用按钮?

时间:2009-07-01 11:20:52

标签: css internet-explorer

我正在尝试获得一个看起来完全相同的按钮,无论是启用还是禁用,但每当我禁用按钮时,它似乎都会忽略我设置的任何字体样式。这似乎是在IE中的情况,而不是其他浏览器。

那么有人知道改变禁用按钮的CSS以便不压印字体吗?

提前致谢, 克里斯

[编辑] CSS如下:

.Button
{
    background-color:#332F27;
    border-bottom-color:#1B1B1B;
    border-top-color:#3B3B3B;
    border-left-color:#3B3B3B;
    border-right-color:#0C0C0C; 
    color:Black;
    font-style:normal;
}

该按钮具有属性Class =“Button” [/编辑]

2 个答案:

答案 0 :(得分:9)

如果您要更改按钮的禁用属性,那么您将无法获得具有CSS的普通按钮的感觉和外观,这将适用于所有浏览器。

最简单的方法是 添加另一个没有附加点击事件的按钮 ,并将此按钮的显示设置为内联并隐藏原始按钮。

如果您仍想使用CSS,可以参考此链接。

Styling disabled form controls with CSS

答案 1 :(得分:0)

//You use this css it helps u
font-weight: bold;
    border-right: #3C8FD1 1px solid;
    border-top: #3C8FD1 1px solid;
    border-left: #3C8FD1 1px solid;
    border-bottom: #3C8FD1 1px solid;
    font-size: 10px;
    color: #045FA7;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-image: url(../App_Images/cssbuttonbg.gif);
    line-height: 14px;