Databases
StackOverflow2013
Postsdbo
POmanipulate css not to influence all elements
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POmanipulate css not to influence all elements
    text
    copied!<p>This css thing is driving me crazy.</p> <p>I have a form where I put the following css script:</p> <pre><code>input, select, textarea { color: #082C6B; padding: 0px; font-family: Arial; font-size: 12px; } </code></pre> <p>in that form I also put the following button:</p> <pre><code>&lt;asp:Button ID="btnSend" runat="server" class="myButtonText" Style="font-size: 22px; float: left; height: 30px; width: 100px;" OnClick="btnSend_Click" CausesValidation="true" Text="send" /&gt; </code></pre> <p>I also put the following css script:</p> <pre><code>.myButtonShape { /* fallback */ background-color: #082c6b; /*background: url('../images/gradient-strip.png'); background-repeat: repeat-x;*/ /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#53e0ff), to(#081a40)); /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #53e0ff, #081a40); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #53e0ff, #081a40); /* IE 10 */ background: -ms-linear-gradient(top, #53e0ff, #081a40); /* Opera 11.10+ */ background: -o-linear-gradient(top, #53e0ff, #081a40); /*border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;*/ text-align: center; cursor: pointer; color: #cccccc; text-decoration: none; } </code></pre> <p>now, since <code>asp:button</code> is translated to <code>input</code>... then the button gets the color of the script which i intended for fields data. How can I ensure that the button will get the script of the '.myButtonShape' class? any ideas?</p> <p>Thanks in advanced.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload