Question

这件事让我发疯。

我有一个表单，其中我放置了以下css脚本：

input, select, textarea
{
    color: #082C6B;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
}

在那个表格中我也放了以下按钮：

<asp:Button ID="btnSend" runat="server" class="myButtonText" Style="font-size: 22px; float: left; height: 30px; width: 100px;" OnClick="btnSend_Click" CausesValidation="true" Text="send" />

我还提出了以下css脚本：

.myButtonShape
{
    /* fallback */
    background-color: #082c6b;
    /*background: url('../images/gradient-strip.png');
    background-repeat: repeat-x;*/ /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#53e0ff), to(#081a40)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #53e0ff, #081a40); /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #53e0ff, #081a40); /* IE 10 */
    background: -ms-linear-gradient(top, #53e0ff, #081a40); /* Opera 11.10+ */
    background: -o-linear-gradient(top, #53e0ff, #081a40);
    /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;*/
    text-align: center;
    cursor: pointer;
    color: #cccccc;
    text-decoration: none;
}

现在，因为asp:button被翻译为input ...然后该按钮获取我想要用于字段数据的脚本的颜色。如何确保按钮将获得'.myButtonShape'类的脚本？任何想法？

先谢谢。

Answer 1

尝试在class上正确设置<asp:Button>。现在它已设置为myButtonText，因此myButtonShape的样式当然没有应用于它。

Answer 2

你的班级是否设为myButtonShape？假设它是，我认为它应该工作。如果仍然没有，请尝试使用上面的CSS中的!important属性。

Answer 3

您可以使输入css针对特定类型的输入而不是所有输入：

input[type="text"], select, textarea
{
    color: #082C6B;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
}

操纵css不要影响所有元素

3 个答案: