在CSS中,有許多元素都有默認(rèn)的顏色設(shè)置。若想要去掉這些默認(rèn)的顏色,需要用到以下規(guī)則:
/* 去掉所有元素默認(rèn)的顏色 */ * { color: inherit; background-color: transparent; } /* 去掉特定元素默認(rèn)的顏色 */ a, a:visited { color: inherit; background-color: transparent; } input[type=button], input[type=submit], input[type=reset] { color: inherit; background-color: transparent; } button { color: inherit; background-color: transparent; }
首先,使用通配符* 來去掉所有元素默認(rèn)的顏色。其中,color: inherit; 表示使用父元素顏色,background-color: transparent; 表示透明背景。
接下來,針對(duì)特定元素進(jìn)行設(shè)置。比如鏈接元素,輸入框,
除了以上方法,還可以使用關(guān)鍵詞 initial 來去除元素的默認(rèn)樣式。具體來說,初始值 initial 表示恢復(fù)元素的初始樣式,與 inherit 不同的是,initial 不會(huì)被父元素的樣式所影響。
/* 去掉所有元素默認(rèn)的顏色 */ * { color: initial; background-color: initial; }
小結(jié)一下,通過使用 inherit 和 transparent 或者 initial,可以輕松地去掉元素的默認(rèn)顏色和背景色。
下一篇css怎么去掉上邊框