怎樣改變select彈出層的css樣式

select的基本樣式不好改變，以下例子僅供參考：

公司主營(yíng)業(yè)務(wù)：做網(wǎng)站、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)推出邵原免費(fèi)做網(wǎng)站回饋大家。

style type="text/css"

.select{

border:1px #7F9DB9 solid;

float: left;

display: inline;

margin-right:6px;

}

.select div{

border:0px #7F9DB9 solid;

float: left;

}

.selectdiv{

width:30px;

height: 17px;overflow:hidden;

/*clip:rect(0px 100px,17px,0px);*/

}

html代碼：

select name="select"

option我是中國(guó)人/option

option我是河南人/option

option我是安陽(yáng)人/option

/select

如何制作一個(gè)漂亮的 css 按鈕

啟動(dòng)dreamweaver，點(diǎn)擊“站點(diǎn)”---“新建站點(diǎn)”

2

在彈出的窗口中，站點(diǎn)名稱為“漂亮按鈕”，本地站點(diǎn)文件夾可以根據(jù)需要選擇。點(diǎn)擊“保存”按鈕，站點(diǎn)創(chuàng)建成功。

END

二、創(chuàng)建css文件

1

點(diǎn)擊“文件”----“新建”，在彈出的窗體中選擇“空白頁(yè)”-----“CSS”，然后點(diǎn)擊“創(chuàng)建”按鈕。

2

點(diǎn)擊“文件”----“保存”，在文件名中輸入“style”，然后點(diǎn)擊“保存”，樣式表文件創(chuàng)建成功。

END

三、創(chuàng)建html頁(yè)面

1

點(diǎn)擊“文件”----“新建”，在彈出的窗體中選擇“空白頁(yè)”-----“HTML”---“無(wú)”。

2

在附加CSS文件中，選擇style.css樣式表文件，點(diǎn)擊“確定”。

3

點(diǎn)擊“創(chuàng)建”按鈕，生成HTML文件。點(diǎn)擊“文件”----“保存”按鈕，文件名設(shè)置為“index”，最后點(diǎn)擊保存即可。

END

三、在html頁(yè)面中添加一個(gè)按鈕控件

1

在“插入”-----“表單”中，點(diǎn)擊“按鈕”

2

在彈出的對(duì)話框中，什么也不需要修改，直接點(diǎn)擊“確定”。

3

在彈出窗口中，選擇“是“

4

按鈕添加成功，效果如下。

END

四、新建CSS規(guī)則

1

在CSS樣式表中，選擇“新建CSS規(guī)則“

2

在彈出的窗口中選擇”類（可應(yīng)用于任何HTML元素）“，選擇器名稱設(shè)置為“btnstyle”，然后點(diǎn)擊“確定”。

3

然后，在找到按鈕控件，將它的類設(shè)置為”btnstyle”

END

五、用CSS規(guī)則修改按鈕控件的外觀

1

.btnstyle {

width: 86px;/*按鈕控件的寬度*/

text-align: center;/*按鈕控件中文本居中顯示*/

line-height: 100%;/*用百分比設(shè)置行高*/

padding-top: 0.5em;/*文本頂部的內(nèi)邊距*/

padding-right: 2em;/*文本右側(cè)的內(nèi)邊距*/

padding-bottom: 0.55em;/*文本底部的內(nèi)邊距*/

padding-left: 2em;/*文本左側(cè)的內(nèi)邊距*/

font-family: "Arial Black", Gadget, sans-serif;/*字體*/

font-size: 14px;/*字體大小*/

font-style: normal;/*字體樣式*/

font-variant: normal;/*小寫字母*/

font-weight: normal;/*文本不需要加粗*/

text-decoration: none;/*文本不需要下劃線等*/

margin-top: 0px;/*外邊框的距離*/

margin-right: 2px;/*外邊框的距離*/

margin-bottom: 0px;/*外邊框的距離*/

margin-left: 2px;/*外邊框的距離*/

vertical-align: text-bottom;/*圖像放在文本下面*/

display: inline-block;/*段落內(nèi)生出內(nèi)框*/

cursor: pointer;/*鼠標(biāo)的形狀*/

zoom:1;

outline-width:medium;/*整個(gè)輪廓的寬度*/

outline-color:inherit;/*輪廓的顏色*/

font-size-adjust:none;

font-stretch:normal;

border-top-left-radius:0.5em;/*圓角邊框弧度*/

border-top-right-radius:0.5em;/*圓角邊框弧度*/

border-bottom-left-radius:0.5em;/*圓角邊框弧度*/

border-bottom-right-radius:0.5em;/*圓角邊框弧度*/

box-shadow:0px 1px 2px rgba(0,0,0,0.2);/*給按鈕增加陰影*/

color:#fefee9;/*設(shè)置文本的顏色*/

border-top-color:#da7c0c;/*邊框的顏色*/

border-right-color:#da7c0c;/*邊框的顏色*/

border-bottom-color:#da7c0c;/*邊框的顏色*/

border-left-color:#da7c0c;/*邊框的顏色*/

border-top-width:1px;/*邊框的粗細(xì)*/

border-right-width:1px;/*邊框的粗細(xì)*/

border-bottom-width:1px;/*邊框的粗細(xì)*/

border-left-width:1px;/*邊框的粗細(xì)*/

border-top-style:solid;/*邊框的樣式*/

border-right-style:solid;/*邊框的樣式*/

border-bottom-style:solid;/*邊框的樣式*/

border-left-style:solid;/*邊框的樣式*/

background-image:none;/*背景圖片*/

background-attachment:scroll;/*背景圖片是否移動(dòng)*/

background-repeat:repeat;/*允許重復(fù)*/

background-position-x:0%;/*背景的x軸坐標(biāo)*/

background-position-y:0%;/*背景的y軸坐標(biāo)*/

background-size:auto;/*背景圖片的尺寸*/

background-origin:padding-box;/*背景圖像相對(duì)于內(nèi)邊距框來(lái)定位*/

background-clip:padding-box;/*背景被裁剪到內(nèi)邊距框*/

background-color:#f78d1d;/*背景顏色*/

}更多學(xué)習(xí)5 1 r g b

2

再寫一句mybtn的hover樣式。代碼如下：

.btnstyle:hover {

background-color: #f47c20;

}

請(qǐng)問(wèn)只用css如何實(shí)現(xiàn)這樣的特效？就是鼠標(biāo)放在上面還有另一個(gè)窗口彈出

把你想彈出的窗口布局、樣式做好放到你想鼠標(biāo)放的位置的區(qū)域之內(nèi)。例如一個(gè)a標(biāo)簽，放到上面之后彈出窗口，那樣就用a包著這個(gè)窗口。之后使用a:hover div{display:block;}當(dāng)然，初始的情況給div設(shè)置display:none;html:a href="###"div我是彈出窗口/div我是鼠標(biāo)放置區(qū)域/a

CSS可以定義彈出對(duì)話框的樣式嗎

不可以以，除非這個(gè)彈出框是用div或者其他標(biāo)簽寫的。

如果是div等標(biāo)簽寫的那么就和普通的做法沒(méi)什么區(qū)別只是js判斷顯示和隱藏而已。

CSS樣式中有沒(méi)有一種屬性可以彈出一個(gè)層，并且屏蔽了當(dāng)前窗口？？

呵呵，css 本身可以打開(kāi)頁(yè)面就有一個(gè)層，屏蔽窗口里面所有東西，這樣：

style type="text/css"

.div{ position:absolute; left:0; top:0; width:100%; height:1000px; background:#000;}

/style

div class="div"/div

----------

注意看 div 高度，這個(gè)是css 無(wú)法精確控制的，就是說(shuō)，不能精確的按照窗口大小控制。

這個(gè)必須借助于 js 判斷窗口大小。