CSS:下拉選單美化

2013/01/01 6,772 0 網站技術 , CSS

下拉選單永遠白白的?很不好看嗎?
趕快試試看這個美化語法吧~!!
特效示範:

★原碼索取。
一、CSS原碼(放在head裡)
<style>
#mnya-select {
 font-size: 12px; /*文字大小*/
 color: #0033CC; /*文字顏色*/
 background-color: #00CCFF; /*選單背景顏色*/
}
</style>
二、html原碼(放在body裡)
<select name="select" id="mnya-select" >
<option>111</option>
<option>222</option>
<option>333</option>
 </select>

贊助廣告 ‧ Sponsor advertisements
Live Sass Compiler（Visual Studio Code 擴充功能）：讓 VSCode 支援即時編譯 SASS/SCSS 成 CSS
📆 2019-03-20
📁 軟體應用, 網站技術, CSS, Sass/SCSS
phpMyAdmin 連線到 MySQL 5.1 撞牆事件
📆 2022-01-21
📁 網站技術, 伺服器, 資料庫, PHP
JavaScript：點擊任一按鈕使其他按鈕無法點擊
📆 2019-10-26
📁 網站技術, HTML, JavaScript
【網站架設】Photo Sphere Viewer 全景照片展示
📆 2015-05-22
📁 網站技術, 架站程式
Tilt.js：浮動方塊製作、視差懸停傾斜效果 jQuery 插件
📆 2019-01-28
📁 網站技術, HTML, JavaScript, jQuery
Highlight Matching Tag（Visual Studio Code 擴充功能）：HTML 開始與結束標籤強調與標示
📆 2020-03-02
📁 軟體應用, 網站技術, HTML
PHP isset() & empty() 判斷變數是否為存在或空值函數
📆 2019-06-22
📁 網站技術, PHP
WordPress 被安裝神秘的外掛，接著訪客隨機被導引至詐騙廣告
📆 2021-06-07
📁 網站技術, 資訊安全, 架站程式, WordPress

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！