2017-12-29 31 views
0

선택 드롭 다운에서 옵션을 만들려고하지만 투명하지 않습니다.문의 양식 7 - 옵션 선택 투명

검정으로 칠하면 검정색으로 남습니다.

.wpcf7-select option { 
    background: black !important; 
} 

입력하면 background: transparent !important 그냥 작동하지 않습니다. 배경을 배경색으로 변경하려고해도 작동하지 않습니다.

그래서 색상 만 변경할 수는 있지만 투명하게 설정할 수는 없습니다. 왜 그렇게됩니까?

는 이미 불투명도를 변경하고 RGA와 RGBA를 사용하여 배경을 설정하여 투명하게 만들려고 노력했지만 그렇지 않아 불행하게도 순수 CSS와

.wpcf7-select option { 
    /* default fallback */ 
    background: rgb(255, 255, 255) !important; 
    /* nice browsers */ 
    background: rgba(255, 255, 255, 0.8) !important; 
    /* IE 6/7 */ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF) !important; 
    /* IE8 */  
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)" !important; 
} 
+0

옵션 요소에 대해서만 배경을 투명하게 설정합니다. 사용자 에이전트 스타일 시트에서만 경우에 따라 선택 요소 자체가 배경 세트를 가질 가능성이 있습니다. – CBroe

답변

2

는 옵션 부분을 투명하게 예상대로 작동하지 않습니다 가능한. 그러나 JS 라이브러리를 사용하여 사용자 정의 드롭 다운을 적용하고 이에 따라 스타일을 지정할 수 있습니다.

+0

하지만 Wordpress와 Contact Form 7 플러그인을 사용하는 동안 그렇게 만들 수 있습니까? – Diego

+0

예, 대부분의 사용자 정의 선택 메뉴는 실제 선택 상자를 에뮬레이션합니다. 따라서 custom select를 업데이트하면 보이지 않는 실제 select를 "업데이트"합니다. – Deckerz

+0

쿨, 고마워요! – Diego