如何在HTML中更改ul标签CSS的属性 [英] How to change property of ul tag css in HTML

问题描述

我正在使用引导jquery和css的幻灯片，它运行正常并且没有问题.

I'm using Slide of bootstrap jquery and css, It runs normal and no problem happens.

这是我的出处:

<div id="photos" class="tabcontent">
   <div id="ninja-slider">                                                                          
        <div>
           <div class="slider-inner">
              <ul>                 
                 <li><a class="ns-img" href="<%=request.getContextPath()%>/resources/images/car1.jpg"></a></li>
                 <li><a class="ns-img" href="<%=request.getContextPath()%>/resources/images/ban-xe-honda-civic.jpg"></a></li>
                 <li><a class="ns-img" href="<c:out value="${product.thumbnail3}"/>"></a></li>
                 <li><a class="ns-img" href="<c:out value="${product.thumbnail4}"/>"></a></li>
                 <li><a class="ns-img" href="<c:out value="${product.thumbnail5}"/>"></a></li>                                                                          
              </ul>
            <div class="fs-icon" title="Expand/Close"></div>
        </div>                   
   </div>
</div>

这是我的CSS:

#ninja-slider .ns-img {
  background-color: rgba(0,0,0,0.3);
  background-size: contain;
  border-radius: 3px;
  cursor: default;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  padding-top: 67%;
}
#ninja-slider .slider-inner {
  width: 727px;
  margin: -2px auto;
  font-size: 0px;
  position: relative;
  box-sizing: border-box;
}

当我检查并在浏览器上运行Firebug时，似乎自动在标记处生成了一些行:

When I check and run on firebug on browsers, it seem auto generated some line at tag:

<ul style="overflow: hidden; padding-top: 50%; height: 0px;">

如何删除这些自动生成的行，或者如何更改: padding-top:50％更改为 padding-top:67％ 或任何我可以解决此问题的解决方案.

How Can I remove those lines auto generated or Can I change: padding-top:50% to padding-top:67% Or any solution for me to fix the problem..

推荐答案

您可以为此使用!important.

<ul class="myul" style="overflow: hidden; padding-top: 50%; height: 0px;">

您也可以覆盖内联样式

.myul {
  padding-top: 67% !important;
}

或者您可以使用@Renzo Calla提供的javascript解决方案

or you can use javascript solution provide by @Renzo Calla

这篇关于如何在HTML中更改ul标签CSS的属性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！