How to remove odd border from value part of input element in Safari?

The input type="image element has more caveats. In for example IE, you wouldn't receive buy as parameter name, but buy. X and buy.

Y The input type="image is merely meant to present some kind of a map wherein the end-user would be able to point specific locations in But you don't want to do that. You just want a submit button with a background image. I would thus suggest to replace it by an input type="submit with a CSS background-image which is set to url(path/to/your/image.

Png) As to the outline: this is more a matter of the background position.

The element has more caveats. In for example IE, you wouldn't receive buy as parameter name, but buy. X and buy.y.

The is merely meant to present some kind of a map wherein the end-user would be able to point specific locations in. But you don't want to do that. You just want a submit button with a background image.

I would thus suggest to replace it by an with a CSS background-image which is set to url(path/to/your/image. Png). As to the outline: this is more a matter of the background position.

Thanks. Changing it to submit worked. I'm still mystified as to why the border appeared.

– cannyboy Nov 19 '09 at 18:13.

It's an input of "image" type, you don't need to put a value attribute to it, instead use the alt attribute. Plus I don't see the src attribute. Your input should look more like : You can also custom a link using jquery like this : HTML: Javascript (jQuery): $(#submit-link").

Click(function(e){ e.preventDefault(); $("#my-form").submit(); }).

There is no src because I am using background-image in the CSS to provide the image. Changing value to alt has no effect – cannyboy Nov 19 '09 at 17:53 I added another solution in my answer, feel free to try it out. – Guillaume Flandre Nov 19 '09 at 18:06.

If you have a look at this pic - http://twitpic.com/q0a6p - you can see a strange issue with an outline around the text element of a input tag in a form. (on the right, it is being inspected by Safari's web inspector). The background is the image of the button.

The problem only occurs in Safari. FF and IE is fine. Does anyone have any idea what is causing it?

I've applied border:none! Important to the input element but the outline still shows (only in Safari). It appears to be outlining the value part of the input element, but I'm not sure how to style that.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions