I tried to change the style of gwt radio button style and couldn't succeed.
Is it possible to change the gwt radio button style directly? If No what else should I do to change it.
I tried input[type="radio"]{ } in css, this doesn't help.
Thanks, Bennet.
From what i think from your question i made a sample, check if it suits your needs
Add the following css class to your application css
No need to add any
addStyleNames
as theRadioButton
by deafult listens to the.gwt-RadioButton
css class. The Result after applying above css is something like this,EDITS :
After you provided the above sample it is very clear what you want. The
.gwt-RadioButton
allows you to style theRadioButton
. What you want is to style the radio circle and the color when it gets selected. In order to do that you need to modify theinput[type=radio]
class and thelabel
present with theRadioButton
.What we are doing here is disabling the default radio circle using display none and adding our own as a
label:before
content and then styling it. Hope this solves your problem. Some Styles that you need to add and then play around to suit your needs are as follows.