Styling a select box: The height setting works but not in Safari

4,629 views
Skip to first unread message

Jason

unread,
Jun 3, 2011, 1:39:11 AM6/3/11
to css-d...@googlegroups.com
Hi there,

I have spent ages designing a form and it looks great in ie, firefox and chrome. I've just checked it in safari and I've found that the select elements are not obeying the "height: 54px" within my css file:

.formselect{
    width: 317px;
    height: 54px;
    color:#00f;
    font-size:24px;
    background: white;
}

The box height instead seems to simply be a little larger than the text height with no "padding" like that displayed in the other browsers.

Is there a simple fix for this?

Cheers,
J

Justin W Hall

unread,
Jun 3, 2011, 1:45:34 AM6/3/11
to css-d...@googlegroups.com, css-d...@googlegroups.com
Have you tried line height?


--
--
You received this because you are subscribed to the "Design the Web with CSS" at Google groups.
To post: css-d...@googlegroups.com
To unsubscribe: css-design-...@googlegroups.com

Bazinga Designs

unread,
Jun 3, 2011, 9:56:51 AM6/3/11
to css-d...@googlegroups.com
please check out this thing:

http://html5boilerplate.com/

and build your css on top of that "template". you should like it


2011/6/3 Justin W Hall <jus...@justinwhall.com>:

--
BAZINGA Designs

http://www.bazingadesigns.com

Igor Wnuk
Ul. PCK 5/20
24-100 Puławy

tel. 667 200 706

REGON: 060622686
NIP: 716-255-43-47

Jason

unread,
Jun 4, 2011, 1:57:51 AM6/4/11
to css-d...@googlegroups.com
line-height solved my problem - thank you.
Reply all
Reply to author
Forward
0 new messages