<p class="buttond" style="text-align:center;"><a id="download" download="img.jpg" target="_self" style="cursor: pointer; font-size:19px; text-decoration: none; padding:10px 20px; color:#ffffff; background-color:#0095ff; border-radius:5px; border: 0px solid #0095ff;">download</a> </p>

There are many such buttons, how to remove this horror in css?

  • one
    Carefully, the styles on these buttons can be hung up by a script, they can be hung up when we generate code on the server, say. Still carrying in the CSF, you change the priority. So the problem may be more complicated than you think. Need context. - Duck Learns to Take Cover

2 answers 2

If the question of how to do this en masse, then Google has links to resources that can help with this (for example, like https://www.cssout.com/ ).

Also note that inline-styles take precedence over styles in the css-file. Therefore, some styles may stop working after removing them from the markup, as they will lose importance, and it may be necessary to give such styles !important

Among other things, these styles can be generated on the side (for example, js-scripts), and therefore it is necessary to approach the question intelligently.

    Something like this!

     .buttond { text-align:center; } #download { cursor: pointer; font-size:19px; text-decoration: none; padding:10px 20px; color:#ffffff; background-color:#0095ff; border-radius:5px; border: 0px solid #0095ff; } 
     <p class="buttond"><a id="download" download="img.jpg" target="_self">download</a> </p>

    • Thanks, why can't I assign it to another button? #downloadLnk #clear { - kuzmich