The value attribute is the text that actually shows up on the button. You're using a background image to label the image so you need to hide the web text. Adding font-size: 0 to the button solves it.
@tomrogers123 Thanks! that did seem to fix it. I don't really understand why the google custom search told me to set it as a value if it actually gets displayed then.
@Paulie_D That article looks interesting enough, I will check it out for sure :) Thanks.
Hey guys.
I created a google custom search using my own search box for the home page of my site. http://windbertsa.com
But, where I have the image for the 'go' to search, the numbers 010 keep showing up and I cannot figure out how to get rid of them.
Somehow I think they are displaying over top the image I have for the search icon.
Any help would be greatly appreciated!
From your markup:
You're limiting the input to 24px wide, so you only see
010.And yes, they are "on top" of the image, since it's a background image.
The value of your input:button is "010940250076997835162:WMX1781837400"
Not sure where this is coming from but the first three characters are 010 and that is what you are seeing.
@nordstromdesign that value is the value given to me from google's custom search.
If it's actually 'on top' of the image, is there a away for me to change where that element is in the code so that it doesn't show up?
The
valueattribute is the text that actually shows up on the button. You're using a background image to label the image so you need to hide the web text. Addingfont-size: 0to the button solves it.You might also want to look into this: http://css-tricks.com/webkit-html5-search-inputs/
@tomrogers123 Thanks! that did seem to fix it. I don't really understand why the google custom search told me to set it as a value if it actually gets displayed then.
@Paulie_D That article looks interesting enough, I will check it out for sure :) Thanks.