html文本框圓角邊框css樣式怎么寫

border-radius屬性可以實現(xiàn)元素的圓角。如下css可以實現(xiàn)文本框（單行、多行）的圓角：

網(wǎng)站設(shè)計制作、成都網(wǎng)站制作介紹好的網(wǎng)站是理念、設(shè)計和技術(shù)的結(jié)合。創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計理念、多方位的設(shè)計風(fēng)格、經(jīng)驗豐富的設(shè)計團隊。提供PC端+手機端網(wǎng)站建設(shè)，用營銷思維進(jìn)行網(wǎng)站設(shè)計、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

input[type=text],textarea{border-radius:3px;border:1px solid #000;}border-radius用法如下：

border-radius

屬性是一個簡寫屬性，用于設(shè)置四個

border-*-radius

屬性。

該屬性允許為元素添加圓角邊框

語法：

border-radius:

1-4

length|%

/

1-4

length|%;

按此順序設(shè)置每個

radius

的四個值。

如果省略

bottom-left，則與

top-right

相同。

如果省略

bottom-right，則與

top-left

相同。

如果省略

top-right，則與

top-left

相同。

單位一般用px和百分比較多，其他單位也可

怎么在js中給文本框添加CSS樣式

在頁面內(nèi)用JS操作CSS除非用AJAX，但操作頁面內(nèi)的樣式的話，是可以的。操作樣式分為改變直接樣式，改變className和改變cssText三種

一、局部改變樣式

調(diào)用方法：

改變className

div id="demo"測試/div

script

document.getElementById('demo').className="test";

/script

改變直接樣式

div id="demo"測試/div

script

document.getElementById('obj').style.backgroundColor="#003366";

/script

二、全局改變樣式

可以通過改變外鏈樣式的的href的值實現(xiàn)網(wǎng)頁樣式的實時切換

link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /

span on click="javascript:document.getElementById('css').href = 'ie.css'"點我改變樣式/span

文本框CSS樣式問題

如果你不想要白邊，就把

border:

solid

1px

#cacaca;去掉，ie和火狐的處理邊框是不一樣的，ie把邊框放到文本框的外面，火狐是放到文本框的里面

文章名稱：文本框css樣式,css設(shè)置文本框樣式
本文URL：http://chinadenli.net/article36/dsehpsg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、App設(shè)計、營銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、標(biāo)簽優(yōu)化、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)