更改CSS使图像填充jQuery选项卡

Question

我使用jQuery Tabs来显示图像。

HTML，viewable on jfiddle也跟着：

<div id="dgTabs" style="width: 500px;">
    <ul>
        <li><a id="a1" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a2" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
              <li><a id="a3" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a4" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
            <li><a id="a5" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a6" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
              <li><a id="a7" href="tab-1"> 
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /></a></li>
        <li><a id="a8" href="tab-2">
            <img src="http://images.smh.com.au/2012/10/30/3754903/umbrella_tn-90x60.jpg" /> </a></li>
    </ul>
</div>

如何更改CSS以使图像填满整个标签？我需要更新哪个CSS文件元素？基本上，我不想填充。

Answer 1

此填充位于jquery-ui.css文件中，您需要覆盖填充

#tabs .ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none;

 }

<强>更新

要设置宽度，您必须执行以下操作

#tabs ul li, #tabs ul li a {
  width: 15px;
 }