Fixed:
#btn span {
text-align : right;
font-size : 10px;
}
Question
how can I change a button font-size? when I tried to change it with css, this changes didn't work and also buttons lost data-style: round attribute. I have an html app and button just open another page, here is it:
<p><a href="two.html" data-role="button"
data-style="round" id="btn" style="border: 5;
background: #FFFFFF">
test</a></p>
css:
#btn {
width: 250px; height: 40px;
margin: 0 auto;
/*data-style: round;*/
border: #000000;
border-style: solid;
border-width: 5px;
font-family:"Times New Roman", Times, serif;
font-size: 8pt;
}
Solution founded in the answer below
Solution 2
Fixed:
#btn span {
text-align : right;
font-size : 10px;
}
OTHER TIPS
why don't you try something like thisin the css
border-radius:8px ;
-moz-border-radius:8x;
-webtrik-border-radius:8px