CSS를 사용하여 입력 상자 테두리를 제거 하시겠습니까?

Question

테두리를 제거하고 CSS를 사용하여 배경을 변경 한 입력 텍스트 필드가 있습니다.

Firefox에서 제대로 작동하지만 문제는 Google 크롬입니다!

좋은 ---->이 어떻게해야하고 파이어 폭스에 있습니다

http://tinypic.com/view.php?pic=n2g0g0&s=5

나쁜 ----->는 흰색 테두리와 구글 크롬에 표시하는 방법이있다 입력 필드 주위 :

#myInput{ 

color:#FFF; 
font-family:Tahoma, Geneva, sans-serif; 
text-align:center; 
font-size:16px; 
background-color:#1abc9c; 
outline:none; 
border:none; 
border-style: none; 
font-weight:bold; 
} 

:

http://tinypic.com/view.php?pic=uc1me&s=5

이 내 CSS 코드입니다 0

위의 CSS는 인라인 CSS입니다.

질문은 입력란 주위의 흰 경계선을 제거하여 어떻게 파이어 폭스처럼 보이게 할 수 있습니까?

감사

편집 : 여기

는 div 태그 내부의 입력에 대한 코드입니다.

<div id="yourCurrentTime"><FORM NAME="wcForm" > 
    <input style=" color:#FFF; font-family:Tahoma, Geneva, sans-serif; text-align:center; font-size:16px; background-color:#1abc9c; outline:none; border:none; border-style: none; font-weight:bold -webkit-appearance:none; -moz-appearance:none; appearance:none;" name="mClock" class="mClock" id="mClock" size="30" /> 
</FORM></div> 

Answer 1

당신은

#myInput{ 
    -webkit-appearance:none; 
    -moz-appearance:none; 
    appearance:none; 
} 

Answer 2

<style> 
     input{ 
      border: 0px solid 
     } 
    </style