jQuery Girl
  1. jQuery Girl
  3. Comment changer la propriété de ul tag css en HTML
Intereting Posts
utilisez regex pour remplacer tout sauf la première occurrence d’une sous-chaîne de blancs Développer des cercles avec des animations CSS3 jQuery animate top top JQuery peut-il append des virgules lors de la saisie de numéros? Sélection des éléments nesteds d’une variable – jQuery La largeur du menu déroulant augmente automatiquement dans IE 11 chargement de l’image ne montrant pas jquery Pourquoi le gestionnaire d’événements click se déclenche-t-il immédiatement après le chargement de la page? Comment rendre le lecteur vidéo personnalisé applicable à plusieurs vidéos? La logique derrière le glisser-déposer utiliser les balises avec if et else Passage de variables avec POST sur une autre page avec Jquery Comment puis-je savoir si les utilisateurs ferment l’onglet et lui montrent la fenêtre de recherche? jQuery UI, Draggable, Droppable, Auto Scroll jquery drop shadow plugin?

Comment changer la propriété de ul tag css en HTML

J’utilise Slide of bootstrap jquery and css, il fonctionne normalement et aucun problème ne se produit.

c’est ma source: 

 
 
 
 
     
  • <a class="ns-img" href="https://stackoverflow.com/questions/50116505/how-to-change-property-of-ul-tag-css-in-html//resources/images/car1.jpg">
    •  
  • <a class="ns-img" href="https://stackoverflow.com/questions/50116505/how-to-change-property-of-ul-tag-css-in-html//resources/images/ban-xe-honda-civic.jpg">
    •  
  • <a class="ns-img" href="https://stackoverflow.com/questions/50116505/how-to-change-property-of-ul-tag-css-in-html/">
    •  
  • <a class="ns-img" href="https://stackoverflow.com/questions/50116505/how-to-change-property-of-ul-tag-css-in-html/">
    •  
  • <a class="ns-img" href="https://stackoverflow.com/questions/50116505/how-to-change-property-of-ul-tag-css-in-html/">
    •

c’est mon 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; }

Lorsque je vérifie et exécute firebug sur les navigateurs, il semble que l’auto ait généré une ligne à l’étiquette:

Comment puis-je supprimer ces lignes générées automatiquement ou puis-je changer: padding-top: 50% to padding-top: 67% ou toute solution pour moi permettant de résoudre le problème ..

vous pouvez utiliser !important pour cela.

    trop remplacer le style en ligne, vous pouvez le faire 

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

    ou vous pouvez utiliser la solution javascript fournie par @Renzo Calla

    Comme @Terry a dit que ces styles en ligne pourraient être ajoutés par la bibliothèque, si vous voulez toujours les écraser, vous pouvez utiliser le fichier jquery css 

     $('#ninja-slider ul').removeAttr('style'); $('#ninja-slider ul').css("color","blue");

    Sur la base de cette réponse: https://stackoverflow.com/a/38194916/2894798

    Dans ce cas, je dois vous suggérer un moyen simple et sale: ajoutez vos css 

     #ninja-slider ul{ padding-top: 67%!important; }

    Cela résoudra le problème. Si vous indiquez js dans cette page, je fournirai une réponse précisant ce qui définit cet élément css in ul sur padding-top: 67% sans le remplacer.