Google 크롬에서 작동하는 css에서 둥근 모서리가없는 검색 창을 만들려면 어떻게해야합니까?

Question

나는 웹 사이트를 디자인하고 있으며 검색 막대에 둥근 모서리가 없도록하고 싶습니다. 단지 전형적인 직선 모서리입니다. 어떤 이유로 든 Google 크롬에서 작동하지 않을 수 있지만 파이어 폭스에서 내 웹 사이트를 당길 때 직선 코너가 있습니다. 아무도 내가 검색 막대가 둥근 모서리없이 크롬에 표시되도록해야 할 일을 알고 있습니까? 당신의 CSS에서이 퍼팅

#searchbar { 
float:right; 
padding:10px 20px; 
clear:right; 
margin-right:35px; 
margin-top:-7px; 
} 

#searchbar input { 
float:right; 
border:1px solid #000; 
border-radius:none; 
} 

#searchbar p { 
margin:5px 10px 0 0; 
float:right; 
text-transform:capitalize; 
font-variant:small-caps; 
font-size:1em; 
} 

Answer 1

시도 :

여기 내 CSS입니다. 그러면 검색의 기본 표시가 직선 코너가있는 텍스트 필드와 동일하게 변경됩니다. http://jsfiddle.net/8PdDt/

input[type=search] { 
    -webkit-appearance: textfield; 
}​​​