0

http://jsfiddle.net/jWwPV/ある種のドロップダウン メニューを作成しました。

<div class="dropdown_navigation_general" style="float:left;" >
    <select name="general_select" id="general_select" onchange="window.document.location.href=this.options[this.selectedIndex].value;" value="general">
        <option selected>General</option>
        <option value="http://www.google.com">Add transaction partner</option>
    </select>
</div>

.dropdown_navigation_general {
    margin:auto;
    width:70px;
    overflow:hidden;
}
.dropdown_navigation_general select {
    background: transparent;
    width: 100px;
    padding: 0px;
    font-size: 14px;
    border: 0px solid #fff;
    height: 19px;
    -webkit-appearance: none;
}

をクリックするAdd transaction partnerと、メニューの上部に一瞬表示されますが、代わりに が表示されGeneralますAdd transaction partner。

メニューの上部にあるドロップダウンメニューの値のいずれかをクリックした後、常に表示される可能性がありますGeneral(選択された値)。

4

1 に答える 1