Hi there everyone.
I know this is not really a box, table or grid, but I thought it would be the best match, so apologies up front.
What I am trying to do is have an INPUT field with an image background and a solid black border.
Now I can do the background image just fine, no problems there, however when I set the border-color to #000000 it makes a black border with a grey border on the inside of that. Weird Hey. So what I did was make the background-color #000000 and the border-color to the same color as the background of my site. This works great until you use it on a different color background.
So after all of that my question is: Is there anyway that I can either sort out the border background issue, or make the background-color transparent.
Thanks to anyone who posts.
Just for reference below is the code I'm using:
INPUT.button { font-family: ARIAL; font-size: 12px; height: 26px; border-style: solid ; padding: none; background-color : #000000; border-color : #CCCCCC; border-width : 1pt; background-image: url(../images/cstar_button_off.gif); }
trouble with INPUT backgrounds
Hi killkenny,
Looks like you made a typo,
border-color : #CCCCCC;
Try setting border-color:#000000;
Hope that helps.
trouble with INPUT backgrounds
The #CCCCCC is the background color of my site. it is to make it seem at though the background is transparant. If I make it #000000 it makes a border of 2 pixels