Thought on CSS for the Submit Object

I agree with most of what Particletree » Rediscovering the Button Element has said, but I think many programmers who create administration tools would like to use the input with the type=”submit”.

As is, the input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari).

So, here’s the CSS code I have thought on the Submit object to claim cross-browser compatibility in a more easily readable and understandable format.

input[type=submit] {  border: 2px outset #CCC;  cursor: pointer;  padding: 3px;  font-weight: bold;  width: 100px;  height: 30px;  background-color: #F0F0F0;}

input[type=submit]:active {  border: 2px inset #CCC;}

Of course, the submit button markup is a standard one.

<input type="submit" value="送信" />

And it looks like this… is what I would like to say, but I stop uploading the image since it looks much the same. (with reference to the above