相容的帶樣式的INPUT

2021-06-13 02:16:03 字數 663 閱讀 9760

<

style

>

/*  

作用描述:給input新增美化的樣式,相容ie8,ie9,ff,chrome,safari等  

效果描述;  

- 1.邊框帶圓角  

- 2.指定input高度  

- 3.input文字上下居中,新增左邊距  

- 4.背景色為白色  

- 5.當input獲得游標的時候,邊框高亮顯示天藍色。  

- 6.ie7下沒有高亮效果  

- 7.chrome下聚焦後邊框是2px。  

*/  

.cssinput  

.cssinput:focus

style

>

<

input

type="text"

class="cssinput"

id="txt_id"

value="我是cssinput的text"

>

<

br/>

<

br/>

<

input

type="text"

id="txt_id"

style="width:200px;"

value="我是普通的text"

>

設定input的樣式

css中的 七層重疊法 即網頁內容先後順序分別為 背景邊框,負值z index,display block,浮動,display inline block,z index auto,正值z index,越往後在網頁中的層級越靠前,也就是說如果乙個z index值為1或者更高的話,它就會遮擋掉他之前的...

移除input 中選中的樣式

1.id attr checked checked id removeattr checked 注 input radio prop checked 移除input type radio 選中狀態 2.id prop checked checked siblings removeattr check...

關於input的標籤屬性樣式的粗略

input的標籤主要在表單form中使用到的 但是,對於乙個簡單的input的標籤,卻又較多的屬性值,各種屬性值也讓我們的input變得格外的強大。下面,我們簡單的梳理一下 input type型別的屬性值 第乙個是text,text是input的預設屬性值,當你什麼也不給的時候,瀏覽器會給他乙個文...