1. 程式人生 > >表單元素默認不繼承樣式

表單元素默認不繼承樣式

ng- code pan css for -i not in size 渲染

難題

  • 可能有人已經註意到了,有時button或者input是不會默認繼承樣式的,尤其是font,直觀就能看出來了。

原因

根據SO的回答,因為瀏覽器會采用系統默認的樣式來渲染大部分的表單元素,而且這個默認的樣式文件還能找到。想深入了解的可以戳下方參考文檔鏈接。

方案

主動加上inherit,並不是什麽好方案,但是也沒找到更好的。

.form-element {
    font:inherit;
}

參考文檔:
Why textarea and textfield not taking font-family and font-size from body?
Font-family is not inherited to the form input fields?

表單元素默認不繼承樣式