html - 文本无边框的左面板

Question

我正在尝试在谷歌地图上创建一个左侧面板，在 li 上带有边框，但该边框在文本中不应该可见。我希望 li 颜色与文本不同。我正在通过在其上添加 li 创建菜单。

这是我的 jsfiddle:http://jsfiddle.net/zzhy/akfe6164/

<div id="panel2">
    <div id="label" onclick="toggle_div('panellist');" class = "vertical-text">TEXT</div>   
    <ul id = "panellist">
        <li>ITEM1</li>
        <li>ITEM2</li>
        <li>ITEM3</li>
    </ul>
</div>

Answer 1

只需将您的高度和宽度属性放在文本框上:

http://jsfiddle.net/akfe6164/4/

#panel2 #label {
    padding: 7px 5px;
    font-size: 14px;
    background: #E7F2F9;
    text-align: center;
    color: #000;
    border: 0px solid #000;
    top: 0px;
    left: -5px;
    position: absolute;
}