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

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

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

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

第二步：編寫(xiě)樣式文件

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

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

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

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

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

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

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

第六步：查看效果

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