10
我需要完全刪除或重寫select元素上的漸變。我已經下載了Bootstrap的自定義副本,沒有表單組件,select元素以我需要的方式出現,但其他所有內容顯然都消失了,我只需要刪除選擇漸變。 謝謝。如何重置或刪除Twitter Bootstrap中select元素的漸變?
我需要完全刪除或重寫select元素上的漸變。我已經下載了Bootstrap的自定義副本,沒有表單組件,select元素以我需要的方式出現,但其他所有內容顯然都消失了,我只需要刪除選擇漸變。 謝謝。如何重置或刪除Twitter Bootstrap中select元素的漸變?
漸變將位於.btn-*
類(假設您正在使用按鈕下拉菜單)。
例如(具有BTN-初級):
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
*background-color: #0044cc;
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
background-image: linear-gradient(to bottom, #0088cc, #0044cc);
background-repeat: repeat-x;
border-color: #0044cC#0044cC#002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
要取出梯度,你只是除了background-color;
除去所有的背景屬性(包括在底部的過濾器):
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
border-color: #0044cC#0044cC#002a80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
也會希望通過使用單色邊框完事:
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #006dcc;
border-color: #0044cc;
}
您還需要對.btn - *:hover,:focus和:active樣式執行相同的操作。
In Bootstrap'
請向我們展示您的自定義Bootstrap示例中select元素的css代碼。 – 2013-02-14 15:26:42
如果Safari中的默認光澤漸變外觀是這樣的,請看這裏: [link](http://stackoverflow.com/questions/7638677/how-can-i-remove-the-gloss-on-a-在Mac上選擇元素) 您可以將此屬性添加到您的css類: '-webkit-appearance:none;' – 2015-08-11 09:50:02