css文本框樣式

head

成都創(chuàng)新互聯(lián)公司于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元富寧做網(wǎng)站,已為上家服務(wù),為富寧各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792

style type="text/css"

!--

.aa

{ background-color:#0000ff; color:#000000;filter: alpha(opacity=50)}

.bb

{ background-color:#009933; color:#000000;

}

/script/head加入這個(gè)

body

div id="Layer5" onMouseOver="this.className='aa'" onMouseOut="this.className='bb'"/div

/body這樣鼠標(biāo)經(jīng)過(guò)顏色就變啦

用CSS怎樣給所有文本框設(shè)置統(tǒng)一樣式

需要說(shuō)明：input[type="text"]?這種寫(xiě)法不支持IE，但支持Firefox。

可以這樣寫(xiě)：

style

input?{

color:?#FFF;

}

!--針對(duì)IE的--

input?{

color:expression(this.type=="text"??red:"style");

}

!--針對(duì)IE以外的--

input[type="text"]?{

color:?red;

}

/style

如何用css設(shè)置文本框的寬和高？

可以給標(biāo)簽家個(gè)id或class; 就可以調(diào)整文本框的寬和高。

如：

style type="text/css"

.text1{width:100px; height:20px}

/style

input type="text" class="text1" /

擴(kuò)展資料：

在CSS中，使用text-align屬性控制文本的水平方向的對(duì)齊方式：左對(duì)齊、居中對(duì)齊、右對(duì)齊。

該屬性通過(guò)指定行框與哪個(gè)點(diǎn)對(duì)齊，從而設(shè)置塊級(jí)元素內(nèi)文本的水平對(duì)齊方式。通過(guò)允許用戶代理調(diào)整行內(nèi)容中字母和字之間的間隔，可以支持值 justify；不同用戶代理可能會(huì)得到不同的結(jié)果。

默認(rèn)值：left if direction is ltr, and right if direction is rtl?

繼承：yes?

版本：CSS1?

JavaScript 語(yǔ)法：object.style.textAlign="right"?

參考資料來(lái)源：百度百科-text-align

vs中 html 用css設(shè)置textarea的邊框樣式

用css設(shè)置textarea代碼如下：

textarea style="width:200px; height:100px; border:solid 1px #f00; border-radius:20px; resize:none;"/textarea

border-radius:20px；

resize:none;

1．overflow內(nèi)容溢出時(shí)的設(shè)置（設(shè)定被設(shè)定對(duì)象是否顯示滾動(dòng)條）

overflow-x水平方向內(nèi)容溢出時(shí)的設(shè)置

overflow-y垂直方向內(nèi)容溢出時(shí)的設(shè)置

以上三個(gè)屬性設(shè)置的值為visible(默認(rèn)值)、scroll、hidden、auto。

2．scrollbar-3d-light-color立體滾動(dòng)條亮邊的顏色（設(shè)置滾動(dòng)條的顏色）

scrollbar-arrow-color上下按鈕上三角箭頭的顏色

scrollbar-base-color滾動(dòng)條的基本顏色

scrollbar-dark-shadow-color立體滾動(dòng)條強(qiáng)陰影的顏色

scrollbar-face-color立體滾動(dòng)條凸出部分的顏色

scrollbar-highlight-color滾動(dòng)條空白部分的顏色

scrollbar-shadow-color立體滾動(dòng)條陰影的顏色

我們通過(guò)幾個(gè)實(shí)例來(lái)講解上述的樣式屬性：

1.讓瀏覽器窗口永遠(yuǎn)都不出現(xiàn)滾動(dòng)條

沒(méi)有水平滾動(dòng)條

body style= "overflow-x:hidden "

沒(méi)有垂直滾動(dòng)條

body style= "overflow-y:hidden "

沒(méi)有滾動(dòng)條

body style= "overflow-x:hidden;overflow-y:hidden " 或 body

style= "overflow:hidden "

2.設(shè)定多行文本框的滾動(dòng)條

沒(méi)有水平滾動(dòng)條

textarea style= "overflow-x:hidden " /textarea

沒(méi)有垂直滾動(dòng)條

textarea style= "overflow-y:hidden " /textarea

沒(méi)有滾動(dòng)條

textarea style= "overflow-x:hidden;overflow-y:hidden " /textarea

或 textarea style= "overflow:hidden " /textarea

3.設(shè)定窗口滾動(dòng)條的顏色

設(shè)置窗口滾動(dòng)條的顏色為紅色 body style= "scrollbar-base-color:red "

scrollbar-base-color設(shè)定的是基本色，一般情況下只需要設(shè)置這一個(gè)屬性就可以達(dá)到改變滾動(dòng)條顏色的目的。

加上一點(diǎn)特別的效果：

body style= "scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon "

4.在樣式表文件中定義好一個(gè)類，調(diào)用樣式表。

style

.coolscrollbar{scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon;}

/style

這樣調(diào)用：

textarea class= "coolscrollbar " /textarea

如何使用CSS給所有td下的文本框定義樣式？

直接使用css的標(biāo)簽選擇器就可以實(shí)現(xiàn)

td?input[type='text']?{.../*設(shè)置需要的樣式*/}

舉個(gè)例子：

創(chuàng)建Html元素

table

tr

tdname/td

tdinput?type="text"/td

tdsex/td

tdinput?type="radio"?name="sex"?checked男input?type="radio"?name="sex"女/td

/tr

tr

tdtel./td

tdinput?type="text"/td

tdaddr./td

tdinput?type="text"/td

/tr

/table

設(shè)置css樣式

table{border-collapse:?collapse;}

td{border:1px?solid?#ccc;padding:5px;}

/*設(shè)置單元格中文本框的樣式*/

td?input[type='text']{border:1px?solid?green;border-radius:3px;height:30px;}

觀察顯示效果

如何用css改變輸入框樣式

中文字符的中線和英文字符的中線定義是不一樣的，你在設(shè)置輸入框與文本居中對(duì)齊的時(shí)候，最好將文本的字體樣式設(shè)置成英文字體，比如font-family:verdana;這樣有助于解決中線問(wèn)題。然后再給輸入框添加 vertical-align:middle;樣式。

注意，由于涉及到中線問(wèn)題，所以字號(hào)會(huì)影響對(duì)齊的效果。例子就不舉了，你可以改變字號(hào)（12px、13px等）自己嘗試一下。

當(dāng)前文章：css改變文本框樣式,CSS文本樣式
文章網(wǎng)址：http://chinadenli.net/article48/dsgejep.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、網(wǎng)站設(shè)計(jì)、網(wǎng)站策劃、建站公司、微信公眾號(hào)、手機(jī)網(wǎng)站建設(shè)

廣告

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