[html5] button: why is image not centred vertically?

[Nicholas Stephan]

Buttons (along with checkboxes, select element, etc...) are styled by the
browser, and every browser is different.

Removing that default styling with:

-webkit-appearance:none;
-moz-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;

will get you an ugly looking grey box. But you can then style it with CSS
that makes sense and still get the functionality of a button.




On Fri, Mar 9, 2012 at 2:37 AM, Matt West <mattantwest at gmail.com> wrote:

>  Can you inspect the element using the developer tools in chrome or
> firebug in firefox.
> Maybe the user agent stylesheet is effecting something.
>
> I noticed there are a few other suggestion to try as well in this thread.
>
>
> --
> Matt West
> Sent with Sparrow <http://www.sparrowmailapp.com/?sig>
>
> On Friday, 9 March 2012 at 10:32, jonathan chetwynd wrote:
>
> Matt,
>
> that's a bit better still not centred though ((
>
> thanks!
>
> ** ** ** **
>  <http://www.peepo.com/>
>
> Jonathan Chetwynd
>
> ~:" jay at peepo.com <j.chetwynd at btconnect.com>
> http://www.peepo.com
>
> +44 (0) 20 7978 1764
>
> On 9 Mar 2012, at 09:37, Matt West wrote:
>
> button {
>     font-size: 0;
> }
>
>
>
>
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20120309/8a1d0a47/attachment-0003.htm>