How can i make a button that looks like the one that says +Ask Question?

[WebBoy]

I have already tried one code but didnt really work. this is the code

<div> <input type="button" value="Button Text" style="border-style:none;" /> </div>

. I want the button to be a flat HTML 5 button but can't figure out how to do it.

[Rabbit]

You didn't set the background color and color of the text. Also, you should avoid inline sytles.

[WebBoy]

Is this the right code?

<div> <input type="button" value="Button Text" background="Blue" text color="Black" /> </div>

I hope i did that right.

[Rabbit]

You should be able to tell if that's right or not by looking at the result.

[WebBoy]

It stil shows the normal button style not the flat button. Would you be able to tell me what i am doing wrong. And how i can fix it? I want it to be the HTML5 flat button.

[acoder]

Why don't you just right click and Inspect Element (where supported)?

If you're using Firefox, get Firebug. Chrome has a decent built-in inspector. You can also use Firebug Lite for other browsers. There are also other tools.

[Rabbit]

That's because you didn't do your style correctly. That and you're still trying to inline your styles when you should avoid that whenever possible.

[Exequiel]

<div> <input type="button" value="Button Text" style="background: blue; color: white; padding: 5px; text-shadow: 0px 1px 1px; box-shadow: 1px 2px 3px rgba(1,4,3,0.3);" /> </div>

try that code . . . observed and try it. . .

[Exequiel]

try to learn css3. . . search it in google. . .

[WebBoy]

Ok thanks Rabbit for the tip. And thanks Exequiel for the code it worked.