|
導(dǎo)讀網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過(guò)結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立... 網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言,通過(guò)結(jié)合使用其他的Web技術(shù)(如:腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等),可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而,超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)(Web)編程的基礎(chǔ),也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱(chēng)為超文本標(biāo)記語(yǔ)言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。 我們?cè)谠O(shè)計(jì)網(wǎng)站內(nèi)表單注冊(cè)頁(yè)面時(shí),會(huì)發(fā)現(xiàn)當(dāng)鼠標(biāo)光標(biāo)放在input框中準(zhǔn)備輸入值時(shí),會(huì)出現(xiàn)類(lèi)似藍(lán)色的邊框線(xiàn)。盡管你沒(méi)有設(shè)置input的style樣式,也會(huì)有。這是因?yàn)樵贖TML中,input標(biāo)簽?zāi)J(rèn)是有邊框(border)和背景色屬性的。如果我們不需要這個(gè)邊框顯示想要去除input邊框或者讓input框顯示隱藏。我們?cè)撛趺慈ゲ僮髂兀?p>下面給大家具體介紹關(guān)于input邊框修改即去除、隱藏邊框的相關(guān)知識(shí)。 一、在沒(méi)有點(diǎn)擊input框時(shí),不顯示邊框: border:none; 二、點(diǎn)擊input框,準(zhǔn)備輸入值時(shí),不顯示邊框: input{
border:none;
width:200px; height:80px;
box-radius:25%;
outline:medium;
text-align:center;
}注:在樣式中使用outline:medium;點(diǎn)擊input框時(shí)就不會(huì)有邊框線(xiàn)顯示了。 outline (輪廓)是繪制于元素周?chē)囊粭l線(xiàn),位于邊框邊緣的外圍,可起到突出元素的作用。輪廓線(xiàn)不會(huì)占據(jù)空間,也不一定是矩形。 outline 簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有的輪廓屬性。 那么本篇文章就是關(guān)于如何去除input邊框的問(wèn)題進(jìn)行了具體介紹,希望對(duì)有需要的朋友有所幫助。 以上就是html頁(yè)面中如何讓input邊框不顯示?的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章! 網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。 |
溫馨提示:喜歡本站的話(huà),請(qǐng)收藏一下本站!