This is the default color of a submit button, without any particular style. (using chrome)

![enter image description here](https://i.stack.imgur.com/JMFnH.jpg)

And this is that button after using this `input[type="submit"]{border-radius: 2px;}`.

![enter image description here](https://i.stack.imgur.com/ITfnl.jpg)

As you see the color of the second one, changed suddenly without any particular reason and also you can see shadow on the right and the bottom sides of the border. (`body{direction:rtl;}`)

What's the reason? I just need the default button with a bit **round** border(no more). Is there any solution? or I should use an image for this?

[JSFiddle here](http://jsfiddle.net/j8U6g/).