단추 위로 가져간 스팬 태그

버튼 내에 span 태그가 있습니다. 단추를 가리키면 흰색에서 어두운 색으로 스윙 텍스트를 가져 가면 변경됩니다. 현재 작동하는 유일한 방법은 스윙 태그 자체에 마우스를 올리면 마우스 포인터가 버튼 내의 텍스트에 정확히 있어야합니다. 그렇지 않으면 전체 단추가 마우스로 가리켜집니다.단추 위로 가져간 스팬 태그

a.sf-button.transparent-dark span { 

} 

a.sf-button.transparent-dark span:hover { 

} 

a.sf-button.transparent-dark { 
    color: #FFF;!important; 
    background-color: #12225b; 
} 

a.sf-button.transparent-dark:hover { 
    color: #666;!important; 
    background-color: #FFF; 
    border: 1px solid #222; 
    border: 1px solid rgba(34,34,34,.2); 
} 

a.sf-button, a.sf-button:hover, #footer a.sf-button:hover { 
    color: #666; 
    background-color: #FFF; 
    border: 1px solid #222; 
    border: 1px solid rgba(34,34,34,.2); 
} 
`

테마의 일부이기 때문에 버튼을 설정하는 방법을 변경할 수 없습니다.

<a class="sf-button large transparent-dark stroke-to-fill " href="https://www.domain.com" target="_self"><span class="text">button text</span></a>

가 실제로 나서서 설정이의 바이올린 : 여기

는 HTML입니다. 그리고 그것은 실제로 바이올린에서 작동합니다. 아마도 이것은 뭔가가 그것을 방해하고 있음을 의미합니다. 그러나 나는 무엇이 될 것인지를 결정할 수 없다.

http://jsfiddle.net/robmcmon/4ZWUX/

출처

2014-04-15 user3537376

HTML의 모양은 어떻습니까? 그것 없이는 우리가 할 수있는 일이 많지 않습니다. –

당신은 jsfiddle를 제공 할 수 있습니까? –

색인 wordpesss 테마의 일부가 해당 요소에 대한 내 자녀 CSS 스타일을 덮어 씁니다. – user3537376

당신이 뭔가를 할 수 있어야한다 : 버튼이 변경 될 때

.test-button:hover .test-span { 
    color: #ff0000; 
}

이것은 스팬의 모양을 변경해야합니다.

바이올린 :

출처

2014-04-15 19:04:23

단추 위로 가져간 스팬 태그

답변

관련 문제