html - 图像边框宽度边框 :none?

Question

编辑: 更多我的 HTML 和 CSS 代码。

 <div id="wrapper">
            <ul class="menu_pro">
              <li class="homepage"><?php echo link_to('Accueil', 'homepage/index', array('id' => 'homepage')); ?></li>
              <li class="owner"><a class="drop-down-link" href="#">Propriétaire<img class="arrow" /></a>
                <ul class="drop-down">
                  <li class="subitem1"><?php echo link_to('Liste Globale', 'owner/list', array('id' => 'owner_global_list')); ?></li>
                  <li class="subitem2"><?php echo link_to('Fiche personnelle', 'owner/sheet', array('id' => 'owner_personnal_sheet')); ?></li>
                </ul>
              </li>
              <li class="client"><a id="client" class="drop-down-link" href="#">Client<img class="arrow" /></a>
                <ul class="drop-down">
                  <li class="subitem1"><?php echo link_to('Liste Globale', 'client/list', array('id' => 'client_global_list')); ?></li>
                  <li class="subitem2"><?php echo link_to('Fiche personnelle', 'client/sheet', array('id' => 'client_personnal_sheet')); ?></li>

                </ul>
              </li>
              <li>
              </li>
              .
              .
            </ul>
           </div>

现在是我的 CSS 的一部分:

a { text-decoration: none; border:none; color:#888; }
a img { border:none; border-width: 0;}
#wrapper { margin-bottom:20px; list-style:none; position:absolute; width:190px; font-size:1.1em; border-right:1px solid black; padding: 30px 20px 30px 20px; margin-right:5px; background-color:rgba(0, 143, 147, 0.6); display:block; }
.menu_pro { list-style:none; width:auto; height:auto; -webkit-box-shadow:0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13); -moz-box-shadow:0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13); box-shadow:0px 1px 3px 0px rgba(0,0,0,.73), 0px 0px 18px 0px rgba(0,0,0,.13); }
.menu_pro > li > a { text-decoration: none; background-color: #616975; background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100))); background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100)); background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100)); background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100)); background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100)); background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100)); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864'); border-bottom: 1px solid #33373d; -webkit-box-shadow: inset 0px 1px 0px 0px #878e98; -moz-box-shadow: inset 0px 1px 0px 0px #878e98; box-shadow: inset 0px 1px 0px 0px #878e98; width:100%; height:3em; line-height:3em; text-indent:1.2em; display:block; position:relative; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,.5); }
.menu_pro ul li a { text-decoration:none; background:#a5bef2; width:100%; height:3em; line-height:3em; text-indent:1.5em; display:block; position:relative; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:0.923em; font-weight:400; color:black; }
.menu_pro ul li:last-child a { border-bottom: 1px solid #33373d; }
.menu_pro > li > ul li:hover a, .menu_pro > li > ul li:hover a span, .menu_pro > li > ul li:hover a:before { color:yellow; }
.menu_pro > li > a:hover,.menu_pro > li > a.active { background-color:#35afe3; background-image:-webkit-gradient(linear, left top, left bottom, from #f60070),to #e2007a)); background-image:-webkit-linear-gradient(top, #f60070, #e2007a); background-image:-moz-linear-gradient(top, #f60070, #e2007a); background-image:-o-linear-gradient(top, #f60070, #e2007a); background-image:-ms-linear-gradient(top, #f60070, #e2007a); background-image:linear-gradient(top, #f60070, #e2007a); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db'); border-bottom:1px solid #103c56; -webkit-box-shadow:inset 0px 1px 0px 0px #6ad2ef; -moz-box-shadow:inset 0px 1px 0px 0px #6ad2ef; box-shadow:inset 0px 1px 0px 0px #6ad2ef; }
.menu_pro > li > a.active { border-bottom: 1px solid #1a638f; }
.menu_pro > li > a span { font-size:0.857em; display:inline-block; position:absolute; right:1em; top:0%; background:#48515c; line-height:1em; height:1em; /* padding:.4em .6em; margin:-.8em 0 0 0;*/ color:#fff; text-indent:0; text-align:center; -webkit-border-radius:.769em; -moz-border-radius:.769em; border-radius:.769em; -webkit-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); -moz-box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); box-shadow:inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); text-shadow:0px 1px 0px rgba(0,0,0,.5); font-weight:500; }
.menu_pro > li > a:hover span, .menu_pro > li a.active span { background:#2173a1; }
.menu_pro ul > li > a span { font-size:0.857em; display:inline-block; position:absolute; right:1em; top:50%; / background:#fff; border:1px solid #d0d0d3; line-height:1em; height:1em; padding:.4em .7em; margin:-.9em 0 0 0; color:#878d95; text-indent:0; text-align:center; -webkit-border-radius:.769em; -moz-border-radius:769em; border-radius:769em; text-shadow:0px 0px 0px rgba(255,255,255,.01)); }
.subitem1, .subitem2, .subitem3_, .subitem4, .subitem5, .subitem6, .subitem3 { border-bottom: 1px solid #efeff0; list-style:none; }
.subitem1 a:before, .subitem2 a:before, .subitem3 a:before, .subitem4 a:before, .subitem5 a:before, .subitem6  a:before, .subitem3_a:before { content:'▶'; font-size:8px; color:red; position:absolute; width:1em; height:1em; top:0; left:-1.5em; }
.submit, a.submit { background-color:#707173; color:white; padding:5px 6px; border:none; text-decoration:none; }

.drop-down-link { border:none; }
.arrow img { border:none; border-width: 0;}

我已经尝试将您的一些建议添加到我的代码中，但目前没有任何好的结果。

@bot 看，我添加你的 CSS 代码，我认为，在我的浏览器上看到:

你可以在这里查看。

//////////////

http://jsfiddle.net/BVYFZ/ 更新:http://jsfiddle.net/BVYFZ/5/

/////////////

Answer 1

你的图片有一个链接 所以:#owner{border:none;} 会解决的