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

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

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

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

第二步：編寫樣式文件

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

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

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

第四步：使用style標(biāo)簽包裹樣式

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

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

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

第六步：查看效果

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