How to reduce the button width.

Joined
Mar 7, 2011
Messages
1
Reaction score
0
I am using salmon buttons; I am tried to reduce the button width using CSS style sheet,
The modification is not affected in the mozilla browser.

<salmoon :input
type ="submit"
name ="hsbScreenB"
value ="B"
classname ="buttonFwd"
onclick ="buttonNav('B');"/>

CSS code

.buttonFwd{
font-family:helvetica,sans-serif;
font-style:normal;
font-size:13px;
text-align:center;
width: 17px;
height:24px;
MARGIN: 0px 0px 0px -10px;
}


Here width: 17px; I am increasing and reducing but these changes is not affecting in mozilla firefox browser, Please help me some alternative way for this
 
Joined
Jul 12, 2019
Messages
3
Reaction score
0
Using CSS you can use the I d (#) selector to set a style for that particular button:

#search {
width: 20em; height: 2em;
}

Or if you want to send all buttons to a specific size:

input[type=submit] {
width: 20em; height: 2em;
}

Or you can use CSS courses if you want certain button classes to be a specific style:

<input type="submit" id="search" value="Search" class="search" />
and

input.search {
width: 20em; height: 2em;
}
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,768
Messages
2,569,574
Members
45,048
Latest member
verona

Latest Threads

Top