<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Como mudar a cor de um botão]]></title><description><![CDATA[<p dir="auto">Pessoal boa noite,<br />
Eu gostaria de mudar a cor de um botão, ex, botão sair deixar na cor vermelha. Tentei alguns comando CSS no editor mas não deu certo, la em Estilo CSS. Seria em outro local ou estou pondo o comando errado? Segue em anexo a imagem. <img src="/assets/uploads/files/1647653418034-css1.png" alt="CSS1.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.softwell.com.br/topic/31357/como-mudar-a-cor-de-um-botão</link><generator>RSS for Node</generator><lastBuildDate>Tue, 21 Jul 2026 14:24:54 GMT</lastBuildDate><atom:link href="https://forum.softwell.com.br/topic/31357.rss" rel="self" type="application/rss+xml"/><pubDate>Sat, 19 Mar 2022 01:30:31 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Como mudar a cor de um botão on Sat, 19 Mar 2022 02:18:16 GMT]]></title><description><![CDATA[<p dir="auto">Boa noite, <a class="plugin-mentions-user plugin-mentions-a" href="/user/sidney">@<bdi>sidney</bdi></a> !</p>
<p dir="auto">Você pode utilizar a propriedade <strong>Nome da Classe (CSS)</strong> e definir as classes do Bootstrap.</p>
<p dir="auto"><img src="/assets/uploads/files/1647655648558-d9a2c7ed-2a37-41ee-864d-208c5dcdada1-image.png" alt="d9a2c7ed-2a37-41ee-864d-208c5dcdada1-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Assim como consta na documentação do Bootstrap (<a href="https://getbootstrap.com/docs/4.6/components/buttons/" rel="nofollow ugc">https://getbootstrap.com/docs/4.6/components/buttons/</a>), as classes são:</p>
<p dir="auto"><strong>· btn-primary<br />
· btn-secondary<br />
· btn-success<br />
· btn-danger<br />
· btn-warning<br />
· btn-info<br />
· btn-light<br />
· btn-dark<br />
· btn-link</strong></p>
<p dir="auto">Se você quiser estilizar o botão utilizando CSS basta apenas colocar as regras CSS dentro da propriedade <strong>Estilo (CSS)</strong> sem o atributo <strong>style=""`</strong> que você colocou. Ou você pode estilizar utilizando o nome do componente como ID e colocando no CSS do formulário ou do seu template, exemplo:</p>
<pre><code class="language-css">#NomeDoComponente button {
   background-color: red !important;
}
</code></pre>
]]></description><link>https://forum.softwell.com.br/post/41432</link><guid isPermaLink="true">https://forum.softwell.com.br/post/41432</guid><dc:creator><![CDATA[dngadelha]]></dc:creator><pubDate>Sat, 19 Mar 2022 02:18:16 GMT</pubDate></item></channel></rss>