是否可以更改HTML輸入標籤中文本的大小？

Question

我有一個客戶想要在<input>框中放大文本。我寧願不必爲此製作自定義圖形按鈕，因爲它在真正資源受限的嵌入式系統上。

Answer 1

的input標籤可以風格，就像在HTML的任何其他元素，包括填充，邊框，文字字體/大小等

input{ 
    font: sans-serif italic 20pt bold; 
    border: 2px black solid; 
} 

或曾經你想什麼。

Answer 2

只需指定font-size要用於元件：

input { 
    font-family: tahoma, verdana, sans-serif; 
    font-size: 1.1em; 
} 

我已經使用的相對大小（em），因此，如果用戶具有在瀏覽器中所定義的較大的字體尺寸的比率將保持。

Answer 3

不僅應該增加font-size，如果輸入元素不隨文本縮放（取決於樣式的設置），還可能需要增加height和line-height屬性。另外，一定要檢查所有瀏覽器，因爲表單可能非常挑剔。

Answer 4

是的，這是可能的，也很簡單！

HTML：

<input type="text" class="example_input" name="example_input" /> 

而CSS：

.example_input{ 
font: Arial, Helvetica, sans-serif 20px bold; 
border: 1px black solid; //optional 
} 

希望它幫助！

編輯：於jsFiddle