2016-06-12 3 views
1

텍스트 클래스 용으로이 CSS 코드가 있으며 리눅스에서 작업하고 있습니다. .css 파일에 저장되어 있으며 gedit을 사용하고 있습니다. 그러나 box-shadow 속성이 인식되지 않습니다. 다른 모든 사람들은 다른 글꼴로 키워드를 보여줍니다. 그러나 상자 그림자는 아닙니다. 어떤 아이디어라도 제발? 메모장 ++를 사용할 때 윈도우에서 작동하는 것 같습니다.박스 섀도우가 인식되지 않습니다.

.textbox 
{ 
    background: white; 
    border: 1px solid #ffa853; 
    border-radius: 5px; 
    box-shadow: 0 0 5px 3px #00FFFF; 
    color: #666; 
    outline: none; 
    height:23px; 
    width: 275px; 
} 
+0

r css는 모든 브라우저에서 잘 작동합니다 – HudsonPH

+0

그럴 거예요. 그것은 표준 속성입니다. gedit은 그것을 인식하지 못합니다. http://postimg.org/image/6sc3ukwzf/ – Aditya

답변

1

상자 그림자와 텍스트 그림자를 혼동시킬 수 있습니다. 텍스트 그림자가 텍스트에 적용 상자가 당신이 입력의 모양을 (조정하려는 경우 모두

div { 
 
    width: 200px; 
 
    height: 300px; 
 
    background-color: #fff; 
 
    box-shadow: 10px 10px 5px grey; 
 
} 
 
p { 
 
    text-shadow: 1px 1px 2px black; 
 
    color: red; 
 
    font-size: 5em; 
 
}
<div> 
 
    <p> 
 
    hello 
 
    </p> 
 
</div>

을 보여주기 위해 작은 fiddle을 한

컨테이너에 적용 또는 여러 입력) 유용한 방법은 다음과 같습니다.

input[type="text"] { 
    /*your styles here*/ 
} 
+0

스 니펫에 상자 그림자 또는 텍스트 그림자가 표시되지 않는 경우 댓글을 추가하십시오. –

+0

또한 caniuse.com의 '알려진 문제'를 읽어보십시오. http://caniuse.com/#search=box-shadow –

+0

아니요. 양식의 텍스트 입력에 사용하려고합니다. 코드 캡쳐 화면에 대한 링크를 추가했습니다. 상자 그림자가 인식되지 않는 유일한 속성이라는 것을 알 수 있습니다. http://postimg.org/image/6sc3ukwzf/ – Aditya

관련 문제