border가 안 없어지네요

[박은희]

웹표준으로 홈페이지를 재수정하고 있는데요

아래의 로그인버튼에 1px로 회색 border가 ff에서는 계속 나타납니다.(ie는 없어졌슴)
<input type='image' src='<?=$dir?>/image/btn_login.gif' accesskey="s" onfocus='this.blur()'>

css는 이렇게 구현했습니다.
input{
-moz -appearance: none;
border : expression((this.type == 'checkbox' || this.type == 'image') ? '' : '1px solid gray');
}

이것 때문에 계속 조회하며 찾고 있는데 도저히 알 수가 없어 질문 올려요
아시는 분은 꼭 답변 부탁드립니다.

[hiphapis]

expression 은 IE에서만 됩니다.

그냥 간단하게

Code: Select all

input { border: 0 }

해주시면 해결될 것 같습니다.

[박은희]

말씀하신데로도 해보았었는데요
그럼 ff나 ie에서 input테크에 있는 체크박스나 이미지에 모두 border가 나타나더라고요
둘다에서 border 없애는 법 없을까요?

[hiphapis]

말씀하신데로도 해보았었는데요
그럼 ff나 ie에서 input테크에 있는 체크박스나 이미지에 모두 border가 나타나더라고요
둘다에서 border 없애는 법 없을까요?

우선 FF, IE라도 버전에 따라 그려지는 방법이 틀립니다. 이 점은 감안하셔야 할 것 같네요.
IE에서는 border가 사라집니다. 단 border만 사라질뿐 음영은 사라지지 않습니다.
FF2도 사라지는데 FF3에서는 그대로 표현되는것 같네요.

그리고 이미지라는것이
input type="image"라면..class="image_submit"

Code: Select all

.image_submit { border: 0; }

라고 하시면 될 것 같고..
input이 아닌 img 라면

Code: Select all

img{ border:0; }

로 해결하실 수 있으실 것 같습니다.