I figured it out. I had to discover how google was referencing the input.
div#Header_search input.gsc-input {
width:260px!important;
height:20px;
margin-left:105px !important;
color:#3A6E83;
}
-----Original Message-----
From: Philip Taylor [mailto:p.tay...@rhul.ac.uk]
Sent: Saturday, December 14, 2013 1:22 PM
To: Angela French
Cc: CSS Discuss
Subject: Re: [css-d] trying to use CSS to define width of Google search input
box
I think you will have to explain what "[t]he Google javascript is inside a div"
means. Even if it physically appears there (horrible thought but possible, I
suppose), any <input> element that it creates won't necessarily be parented
there.
Let us see the code and we may be able to help. Your inline CSS will never
work, I am afraid; what you are attempting with it is logically impossible.
Philip Taylor.
P.S. What a joy to see both "affect" and "effect" used correctly as verbs in
the same message :-)
--------
Angela French wrote:
> I am implementing a google custom search engine. The Google
> javascript is inside a div with id="header_search". I am trying to
> affect the width of the input box with css in the div tag. I tried
> the CSS below which had no effect. Even the display:none test did not
> work.
>
> So now I am trying to write it inline to see if I can effect a change
> there. This is where I am uncertain how the syntax needed to specify
> the width of the input field. Something along the lines of :
>
> <div id="Header_search" style="input width:100px;">
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
