모서리가 둥근 선택 메뉴를 만드는 방법

둥근 모서리가있는 선택 메뉴를 CSS에 넣으려고 시도하고 있지만 내 제안에는 그러한 제안이 없습니다.모서리가 둥근 선택 메뉴를 만드는 방법

2012-06-12 James

'select' 엘리먼트를 사용한다면 브라우저가 아닌 OS/플랫폼에 의해 렌더링되기 때문에 까다 롭습니다. 모든 CSS가 적용되는 것은 아닙니다. 그리고 브라우저 간, 적용되는 것과 적용되지 않는 것의 차이점을 예측하기가 더 어려워집니다. –

내가 CSS 전문가가 아니에요하지만 난 당신이 '그

뭔가를해야 할 것이다 생각

#myDivID 
{ 
-moz-border-radius-bottomleft: 6px; 
-moz-border-radius-bottomright: 6px; 
-webkit-border-bottom-left-radius: 6px; 
-webkit-border-bottom-right-radius: 6px; 
border-bottom-left-radius: 6px; 
border-bottom-right-radius: 6px; 
}

나는 당신이 선택 요소에 알맞은 스타일을 원하는 경우

출처

2012-06-12 16:41:54

솔루션 : http://stackoverflow.com/questions/19444347/how-to-make-select-dropdown-with-rounded-border?answertab=active#tab-top – webx

이 규칙은 모서리를 둥글게 만들어, 당신은 내가 당신에게 약간의 도움을 줄 수 있도록 코드를 추가해야 더

-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;

출처

2012-06-12 16:38:42

일반적으로, 당신은 (평범한 구식 된 DIV, 목록 등에서) 자신의 모의 요소를해야이 도움을 바랍니다. 폼 기능을 유지하기 위해 실제 숨겨진 SELECT를 만들고 스크립트를 사용하여 사용자가 실제로 상호 작용하는 모의 요소와 상태를 동기화 할 수 있습니다.

jQuery의 팬이라면 jQuery UI를 사용하여 많은 것을 할 수 있습니다 (example).

출처

2012-06-12 16:50:58 Brendan

모서리가 둥근 선택 메뉴를 만드는 방법

답변

관련 문제