Question

这里是小提琴http://jsfiddle.net/y3xyU/120/ 我的问题是如何摆脱灰色背景？最好只使用纯css或Bootstrap。

<form class="form-inline" role="form">
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon">
                        <label class="btn btn-primary" for="my-file-selector">
                            <input id="my-file-selector" type="file" style="display: none;">
                            Upload File...
                        </label>
                        <label class="sr-only">Public key</label>
                        <input type="url" class="form-control" placeholder="Public Key">
                    </div>
                </div>
            </div>
        </form>

Answer 1

使用

.input-group-addon{
background:none !important;
}

摆脱灰色背景

Answer 2

所以你有很多选择：

为使用此CSS的所有网站编辑bootstrap CSS

http://jsfiddle.net/y3xyU/121/

.btn-primary {
color: #fff;
background-color: grey;
border-color: grey;

为此按钮制作一个specia规则（制作一个特殊类或类似自定义css指向其他颜色的类）

http://jsfiddle.net/y3xyU/123/

.btn-primary-grey {
color: #fff;
background-color: grey;
border-color: grey;

特别在这个html文件中创建特殊的css，并使用更强大的css选择器或者！important hack

（与1相同但不在bootstrap css上，仅在此页面上）

如果要删除颜色，请参阅@SameerShaikh响应：background：none;

上传按钮背景Bootstrap

2 个答案: