在做項目時，發(fā)現(xiàn)通過外聯(lián)樣式文件對input輸入框的字體樣式設置無效。為了驗證如何設置樣式以控制input輸入框內(nèi)字體大小等屬性，我們可以通過一個實例進行解析說明。 第一步：新建靜態(tài)頁面 打開HB

在做項目時，發(fā)現(xiàn)通過外聯(lián)樣式文件對input輸入框的字體樣式設置無效。為了驗證如何設置樣式以控制input輸入框內(nèi)字體大小等屬性，我們可以通過一個實例進行解析說明。

第一步：新建靜態(tài)頁面

打開HBuilder編輯器，新建一個名為的靜態(tài)頁面，默認選擇HTML5模版。

第二步：編寫樣式文件

在css文件夾下新建一個名為input.css的樣式文件，并在其中編寫控制input輸入框樣式的代碼。

第三步：引入樣式文件和插入輸入框

在頁面中引入input.css樣式文件，并在body元素內(nèi)插入一個input輸入框。然后在瀏覽器中查看效果。

第四步：使用style標簽包裹樣式

將樣式文件中的代碼復制到頁面中，直接使用lt;stylegt;lt;/stylegt;標簽包裹起來。

第五步：使用內(nèi)嵌式樣式

將樣式直接放到input標簽元素內(nèi)部，使用內(nèi)嵌式樣式對輸入框的字體屬性進行控制。

第六步：查看效果

在瀏覽器中查看三種樣式控制輸入框字體屬性的效果。如果發(fā)現(xiàn)效果是一樣的，說明項目中的input輸入框可能受到其他樣式的干擾，導致樣式不能起作用。