Question

我有一个ASP.Net Webforms页面，上面有几个控件，包括几个不同大小的asp.net按钮。有些时候我需要禁用此页面上的一个或多个按钮，我可以毫无问题地执行此操作，但问题是当我禁用它们时，按钮上的文本似乎有一个回车符。文本，使文本显示在按钮上较低，然后启用按钮。（请看下面的图片......编辑，显然我没有足够的积分来发布图片。）

我想要发布的图像显示禁用按钮的文本在底部对齐，半个字的下半部分缺失，启用按钮的文本显示正确。

这是我正在使用的CSS代码。

.big, .medium, .med-big, .small, .smaller{
    display: inline;
    text-align: center;
    vertical-align:top;
    font-family: 'Oswald',sans-serif;
    /*text-shadow: 0 1px 0 rgba(109, 5, 5, 0.8);*/
    color:black;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;


}

.big:active, .medium:active, .small:active, .med-bid:active, .smaller:active{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    outline: 0 none;

}

.big:disabled, .medium:disabled, .med-big:disabled, .small:disabled, .smaller:disabled{
    display: inline;
    text-align:center;
    vertical-align:top;
    font-family: 'Oswald',sans-serif;
    color:grey;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background-color:#CCCCCC

}

.big{
    width: 200px;
    height: 30px;
    padding: 17px 10px 10px 10px;
    font-size:24px;

}

我只是通过将按钮的启用属性设置为false来禁用服务器端代码中的按钮。

我正在从更多的Winforms开发人员（多年）转移到Web开发人员，所以任何帮助都将非常感激。我也搜索了网站以寻找这个问题的答案，尽管有几个关于CSS样式的帖子，一个禁用的按钮，我找不到这个特定问题。

感谢。

ASP.NET按钮文本显示不正确：禁用伪造的类

0 个答案: