close
正常選單設定
通常的select 是針對網頁裡所有的下拉選單
如果只是想修改好友分類的話
就要使用下面的標籤
#boxProfile select ----> 網誌
.small-c select ----> 個人資料、留言版
span .small-c select -----> 相簿
好友下拉選單的修改有
{
display:none; ----> 若要隱藏請加上這行
color: 色碼; ----> 設定文字顏色
font-size: XXX px; ----> 設定文字大小
background-color: 色碼; ----> 背景顏色
........ }
這些只是一部分,如果要做其他的修改還可以再加
修改好友分類
如果想要修改好友分類的字型,就要使用這兩個標籤
不過這兩個標籤要同時設定
不然的話會出現錯誤
optgroup {} 設定好友選單分類
optgroup option {} 設定好友文字描述
消除討人厭的外框
這個是我最喜歡的技巧了,因為選單的外框真的很討厭
在select 的標籤裡輸入下列語法
{
position:absolute;
clip: rect( A px B px C px D px);
}
A B C D 控制的示意圖如下:
由上可知,A 和 D 通常都固定為2px
只有 B C 要根據情況來改變
注意 : 只有在絕對定位 ( position:absolute ) 時才可以使用
通常的select 是針對網頁裡所有的下拉選單
如果只是想修改好友分類的話
就要使用下面的標籤
#boxProfile select ----> 網誌
.small-c select ----> 個人資料、留言版
span .small-c select -----> 相簿
好友下拉選單的修改有
{
display:none; ----> 若要隱藏請加上這行
color: 色碼; ----> 設定文字顏色
font-size: XXX px; ----> 設定文字大小
background-color: 色碼; ----> 背景顏色
........ }
這些只是一部分,如果要做其他的修改還可以再加
修改好友分類
如果想要修改好友分類的字型,就要使用這兩個標籤
不過這兩個標籤要同時設定
不然的話會出現錯誤
optgroup {} 設定好友選單分類
optgroup option {} 設定好友文字描述
消除討人厭的外框
這個是我最喜歡的技巧了,因為選單的外框真的很討厭
在select 的標籤裡輸入下列語法
{
position:absolute;
clip: rect( A px B px C px D px);
}
A B C D 控制的示意圖如下:
由上可知,A 和 D 通常都固定為2px
只有 B C 要根據情況來改變
注意 : 只有在絕對定位 ( position:absolute ) 時才可以使用
全站熱搜
留言列表