Setting the font size for a button value?

gordc · Joined: 21 Oct 2009 Posts: 3

I cannot find a way to increase the font size of a button value. Can this be done?
gordc.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Post your code and any CSS you are using for styling the button, if any.

gordc · Joined: 21 Oct 2009 Posts: 3

Below is a partial HTML listing for an array of buttons (as in a calculator pad).
Code follows:-
_______________________________________
<BR><BR><p align="center" ><font size="7">
<input type="button" name=b7 value="7" onclick=keyclick("7")>
<input type="button" name=b8 value="8" onclick=keyclick("8")>
<input type="button" name=b9 value="9" onclick=keyclick("9")>
________________________________________
What I need to do is to increase the font size of the value character. The <font size> command has no effect. I have not attempted to use a style because I can't see how to apply this.
Thanks
Gord

gordc · Joined: 21 Oct 2009 Posts: 3

A google search provided a solution.
see http://bytes.com/topic/html-css/answers/98059-relative-sizing-button-text

//This code will set the value text to yellow, 18pt.
<style type="text/css">
.mypad{background-color: Yellow; font-size : 18pt ;width:30;} </style>
<input type=button class=mypad value="7">

Thanks for help
Gord

PayneLess Designs · Joined: 28 Feb 2007 Posts: 4289 Location: MS

Sorry late getting back. Instead of classes and assuming you have no other input tags except the ones you want to style, you could have just used: