I'm trying to modify the style of my forms -- specifically, the color of the borders of text and radio inputs. (I'm using a table within a form, and the right and bottom borders are colored white, and alternating rows of the zentable are white, and so the borders of text and radio inputs do not show up well in the white rows.
I've tried everything I can think of to modify the border style of these form elements, including the modification of the template file form.css. Nothing has any effect, which I can't really understand.
Here's the page I'm working on:
I'm modifying this style in forms.css:
#maincontent form.cool input,#maincontent form.cool textarea,#maincontent form.cool select
border: 1px solid #ccc;
border-color: #aaa #ccc #ccc #aaa;
margin: 4px 0;
I changed border-color from #ccc #fff #fff #ccc to what you see above. But it has had absolutely no effect. That class of the form I am trying to change is "cool", of course.
Not that I actually want to have to modify the forms.css file. I want to redefine the style within the page that contains the form. But when nothing I tried had any effect, I thought I would go to the source just to try to get a bead on what I how I would need to define the style on my page. But since even modifying forms.css has no effect, I'm pretty well stuck.