首頁(yè) 猿問(wèn) 是否可以設(shè)置復(fù)選框的樣式？

是否可以設(shè)置復(fù)選框的樣式？

MySQL

慕碼人8056858 2019-12-18 11:13:23

是否可以設(shè)置復(fù)選框的樣式？我有一個(gè)HTML選擇框，我需要樣式。我寧愿只使用CSS，但如果有必要，我將使用jQuery來(lái)填補(bǔ)空白。有人能推薦一個(gè)好的教程或插件嗎？我知道，谷歌，但我已經(jīng)搜索了兩個(gè)小時(shí)，我沒(méi)有找到任何符合我的需要。它必須是：兼容jQuery 1.3.2可接近平易近人完全可自定義選擇框的每個(gè)方面。有人知道什么能滿足我的需要嗎？

查看完整描述

3 回答

米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊

我看到的值得檢查的兩個(gè)問(wèn)題是：

選
-一堆很酷的東西，GitHub上有7K以上的觀察者。(評(píng)論中“付費(fèi)書呆子”提到)
選擇2
-受選擇的啟發(fā)，部分角度-用戶界面與一對(duì)有用的調(diào)整選擇。

嗯!

截至2012年，我發(fā)現(xiàn)的最輕量級(jí)、最靈活的解決方案之一是斯利克..來(lái)自網(wǎng)站的相關(guān)(編輯)信息：

將圖像和文本添加到
select options
可以使用JSON填充選項(xiàng)
支持選擇上的回調(diào)函數(shù)

反對(duì) 回復(fù) 2019-12-19

子衿沉夜

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

至于CSS，Mozilla似乎是最友好的，尤其是FF 3.5+。WebKit瀏覽器大多只做自己的事情，忽略任何樣式。IE是非常有限的，雖然IE8至少讓你的風(fēng)格邊框的顏色/寬度。

實(shí)際上，在FF 3.5+中，以下內(nèi)容看起來(lái)相當(dāng)不錯(cuò)(當(dāng)然，選擇您的顏色偏好)：

select {
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 5px #cfcfcf inset;
    border: 1px solid #cfcfcf;
    vertical-align: middle;
    background-color: transparent;}option {
    background-color: #fef5e6;
    border-bottom: 1px solid #ebdac0;
    border-right: 1px solid #d6bb86;
    border-left: 1px solid #d6bb86;}option:hover {
    cursor: pointer;}

但是當(dāng)涉及到IE時(shí)，如果您不希望在選項(xiàng)菜單未被下拉時(shí)顯示它，則必須禁用該選項(xiàng)上的背景色。就像我說(shuō)過(guò)的，webkit有它自己的功能。

反對(duì) 回復(fù) 2019-12-19