0

我有一个 div，其中有一个表单和一个提交按钮；我已经给出了以下 CSS 的形式：

background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(90%, #f2f2f2));

此背景应用于我的按钮 CSS，它是一个引导按钮；我怎么能强迫它不从父母那里继承？

添加：

JSFIDDLE：http: //jsfiddle.net/web_developer_888/fGY3Q/1/

整个 CSS：

width: 40%;
height: 40%;
margin-right: auto;
margin-left: auto;
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(90%, #f2f2f2));

box-shadow: 10px 10px 5px #888888;border: 2px solid #d6d6d6;

谢谢

4

3 回答 3

1

问题是由于您有 2 个具有相同上传 ID 的控件。你的包装div和你的submit按钮。

要修复它，只需从提交按钮中删除id和属性。name你也有无效的br标签。我也修复了这些。

请参阅工作 jsFiddle 演示

我会让你清理标记和 css 以使框和它的控件对齐并且看起来很漂亮。=D

HTML

<div id="upload">
    <form action='http://test' method='post' accept-charset='utf-8' class='form-horizontal' enctype='multipart/form-data' style='text-align:center;'>
        <br />
        <div class='control-group'>
            <input type='file' name='userfile' value='' id='userfile' class='btn btn-primary' required='true' style=' width:290px;' />
            <br />
            <br />
            <label for='name'>Name</label>
            <input type='text' name='associateName' value='' id='name' required='required' placeholder='Name' />
        </div>
        <div class='control-group'>
            <label for='dept'>Department Name</label>
            <input type='text' name='dept' value='' id='dept' required='required' placeholder='Department Name' />
            <br />
            <input id='startDateUpload' name='startDateUpload' value='" + $.datepicker.formatDate(dateFormat, startDate, inst.settings) + "' type='hidden' />
            <input id='endDateUpload' name='endDateUpload' value='" + $.datepicker.formatDate(dateFormat, endDate, inst.settings) + "' type='hidden' />
            <input id='seg' name='seg' value='0' type='hidden' />
            <input id='total' name='total' type='hidden' />
        </div>
        <input type='submit' value='Upload' class='con btn btn-primary' />
    </form>
</div>

CSS

#upload 
{
    width: 40%;
    height: 40%;
    margin-right: auto;
    margin-left: auto;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(90%, #f2f2f2));
    box-shadow: 10px 10px 5px #888888;
    border: 2px solid #d6d6d6;
}
于 2013-11-06T21:23:04.513 回答
0

要么只将其应用于某些输入类型，例如：

input[type="text"], input[type="email"], textarea {
   background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), color-stop(90%, #f2f2f2));
}

或者，如果将其应用于所有这些，则可以通过事后声明将其从按钮输入类型中删除。

input[type="submit"] {
   background: none;
}
于 2013-11-06T21:23:41.613 回答
0

这是您在 JsFiddle 中工作的代码：

http://jsfiddle.net/sHxDq/

似乎背景没有被继承到按钮，你能发布一些你的 html 标记吗？

或者，您可以确保没有背景规则应用于按钮，如下所示：

我会添加一些这样的规则：

.button{
   background: none !important;
}
于 2013-11-06T21:26:36.050 回答