링크 밑줄 색상 변경 및 글꼴 색상 없음 (하단 경계가 모든 브라우저에서 작동하지 않음)

Question

텍스트 장식을 제거함과 동시에 border-bottom 속성을 변경하면 일부 브라우저에서 색상이 밑줄이됩니다 (FF 5 및 6을 보증 할 수 있음). 물론). 하지만 다른 브라우저 (Safari & Chrome)는 어떤 행도 표시하지 않습니다.

문제의 예를 보려면 utsarotaract.org를 참조하십시오 (색인 페이지의 아래 단락에 링크가 있음).

나는이 작업을 다른 곳에서 보았으므로, 내 CSS 중 일부가 충돌하고 있다고 가정하고 있지만 문제가 정확히 어디에서 발생하는지 잘 모르고있다.

당신은 사용할 수 있습니다

Answer 1

문제는 국경의 크기입니다. 대신 0.5px 경계를 1px으로 변경하면 제대로 작동합니다. 라이브 예 : http://jsfiddle.net/tw16/WcrNA/

.content a { 
    border-bottom: 1px solid #A80532; /* instead of 0.5px */ 
    color: #000022; 
    text-decoration: none; 
} 

Answer 2

:

다음 CSS와

<a><span>I'm a link</span></a> 

:

a { 
    color: blue; 
} 
span { 
    color: green; 
} 

테두리 바닥을 사용하고있는 대안을. 또한 크로스 브라우저 솔루션입니다. 브라우저에서 다른 브라우저로 일관되게하기 위해 패딩/여백/행 높이를 설정하면됩니다.