我有什麼選擇樣式CSS/HTML中的選擇菜單（無javascript）？

-4

我想僅使用HTML和CSS設計一個<select>菜單 - 我可以設計哪些部件以及如何設計？我有什麼選擇樣式CSS/HTML中的選擇菜單（無javascript）？

我只是想上傳的圖片不能因爲我的名聲低於10 ANYWHO -

<div class="menu-style"> 
    <select class="dropdown" style="position: absolute; display:block; width:100%; padding: 10px 10px 10px 20px; opacity: 0;color: #fff;border: none; background: #9f4504;"> 
     <option>Project 2</option> 
     <option>Project 3</option> 
     <option>Project 4</option> 
    </select> 
    <div class="selected-item" style="display:block; font-weight: bold;color: #fff;padding: 10px 10px 10px 20px; width:100%;">Selected Project</div> 
</div> 
<ul class="nav-list" style="width: 100%; display: block; "> 
    <li style="display: block;padding: 10px 10px 10px 20px;cursor: pointer;color: #fff;">Overview</li> 
    <li style="display: block;padding: 10px 10px 10px 20px;cursor: pointer;color: #fff;">Reports</li> 
    <li style="display: block;padding: 10px 10px 10px 20px;cursor: pointer;color: #fff;">Schedule</li> 
    <li style="display: block;padding: 10px 10px 10px 20px;cursor: pointer;color: #fff;">Forms</li> 
</ul>

我也有一些懸停元素回事。

來源

2012-10-18 user404

顯示我們好遠，你都幹了些什麼！ – nickhar

您可以根據自己的喜好設計任何你喜歡的部分。這並不意味着它會看起來如何你想要的。 – sgroves

將圖像上傳到其他地方，只是提供一個鏈接？ –

您是否嘗試過某些功能或進行過任何搜索？

嚴重......快速搜索：http://bavotasan.com/2011/style-select-box-using-only-css/

這是一個例子，但你在網絡上得到了很多人。開始解決這個玩：

<select> 
    <option>Here is the first option</option> 
    <option>The second option</option> 
</select>

select { 
    background: transparent; 
    width: 268px; 
    padding: 5px; 
    font-size: 16px; 
    border: 1px solid #ccc; 
    height: 34px; 
}

來源

2012-10-18 19:52:39 dnLL

是的，我看到了那個網站。我做了大部分的造型，但我仍然不滿意我的選擇菜單。 – user404

你是什麼意思「不滿意我選擇的菜單」？你有什麼，你想要什麼？也許使用一些MS-Paint並上傳您擁有的屏幕截圖，並將其編輯爲您想要的內容，以便我可以進一步幫助您。 – dnLL

我有什麼選擇樣式CSS/HTML中的選擇菜單（無javascript）？

回答

相關問題