Question

12

how to style a javascript button?

rated 0 times [ 15] [ 3] / answers: 1 / hits: 21384 / 10 Years ago, tue, october 28, 2014, 12:00:00

Hello I am really struggling with styling the add button inside of this code

I am just learning javascript , so it is kinda confusing on which to call for the css class.

Check out the js fiddle.

http://jsfiddle.net/infinityswift19/6xwyc6tn/

Attemping to style this line >>

 <input type=button value=Add onclick=addItem(document.getElementById('ch1').rowIndex) />

Thanks for any response.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

irvingcarloe

Add To Favorites

Follow

Total Points: 677

Total Questions: 109

Total Answers: 96

Location: Svalbard and Jan Mayen

Member since Sun, Sep 25, 2022

2 Years ago

irvingcarloe questions

1 Is it better to use multiple states or one state object in React?

Wed, Aug 10, 22, 00:00, 2 Years ago

1 Tailwind classes not working after page refresh in production

Fri, Jun 4, 21, 00:00, 3 Years ago

1 Event listener for dataLayer push events on Tag Manager JS

Wed, Mar 31, 21, 00:00, 3 Years ago

1 Convert file to Base64

Tue, Aug 4, 20, 00:00, 4 Years ago

1 How to autoplay audio in any browser?

Fri, Jul 3, 20, 00:00, 4 Years ago

View All

answered 10 Years ago alorafrancisl · Accepted Answer

I would suggest adding a class to the button and styling it that way.

<input class=my-button type=button value=Add onclick=addItem(document.getElementById('ch1').rowIndex) />

Then in CSS:

.my-button {

    any styles you want go here

}

You should come up with a more meaningful class name than my-button, but you get the idea. This is nice because you can reuse that class later if you need to. For example, if you have a link that also needs to look the same as this button, you can do something like:

<a href=http://wwww.google.com class=my-button>Google Button</a>

Edit: JSFiddle with class added to first button: http://jsfiddle.net/ypLqjmwa/