2014-12-04 1 views
0

저는 전화 갭이 새롭고 웹 CSS 버튼과 같이 간단한 둥근 모서리 단추를 만들고 싶습니다.PhoneGap이 둥근 모서리를 단추 또는 다른 elemets로 설정합니다.

<a href="#" class="button big green rounded" data-corners="true" >Rounded</a> 

CSS :

.button:active{ 
    /* Moving the button 1px to the bottom when clicked */ 
    bottom:-1px; 
} 

/* The three buttons sizes */ 

.button.big  { font-size:30px;} 
.button.medium { font-size:18px;} 
.button.small { font-size:13px;} 

/* A more rounded button */ 

.button.rounded{ 
    -moz-border-radius:14em; 
    border-radius:14em; 
    -webkit-border-radius:14em; 
} 

답변

0

border: 2px solid; 
border-radius: 14em; 
+0

없는 변화 시도하지만 내 간단한 코드 doesnet는 HTML 코드가

enter image description here

요소

제대로 국경 반경을 설정 –

+0

스크린 샷에서 볼 수 있듯이 올바른 테두리가 렌더링됩니다. 그러나 버튼 뒤에 뭔가있는 것 같습니다. 다른 요소가 있습니까? – Clawish

관련 문제