Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 文本中没有边框的左面板_Html_Css - Fatal编程技术网

Html 文本中没有边框的左面板

Html 文本中没有边框的左面板,html,css,Html,Css,我试图在谷歌地图上创建一个左侧面板,在li上有边框,但是这个边框在文本中不应该可见。我希望li颜色与文本不同。我通过在菜单上添加li来创建菜单 这是我的JSFIDLE: 文本 项目1 项目2 项目3 只需将高度和宽度属性放在文本框中: 比如?如果你不使用position absoluteUpdated来使用position,你就是在推右边的文本。抢手货 <div id="panel2"> <div id="label" onclick="toggle_div('

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

这是我的JSFIDLE:


文本
  • 项目1
  • 项目2
  • 项目3

只需将高度和宽度属性放在文本框中:


比如?如果你不使用position absoluteUpdated来使用position,你就是在推右边的文本。抢手货
<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>
#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;
}