내 HTML에서 CSS가 작동하지 않습니다.

-3

내 버튼에 CSS를 추가하려고하는데 어떤 이유로 이것이 작동하지 않습니다.내 HTML에서 CSS가 작동하지 않습니다.

색인 페이지

<input style="margin-top:10px;" type="submit" class="loginButton" title="Subscribe" value="Subscribe" />

CSS

.loginButton { 
    -moz-box-shadow: 0px 0px 0px 1px #ffffff; 
    -webkit-box-shadow: 0px 0px 0px 1px #ffffff; 
    box-shadow: 0px 0px 0px 1px #ffffff; 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9e0000), color-stop(1, #ff0000)); 
    background: -moz-linear-gradient(top, #9e0000 5%, #ff0000 100%); 
    background: -webkit-linear-gradient(top, #9e0000 5%, #ff0000 100%); 
    background: -o-linear-gradient(top, #9e0000 5%, #ff0000 100%); 
    background: -ms-linear-gradient(top, #9e0000 5%, #ff0000 100%); 
    background: linear-gradient(to bottom, #9e0000 5%, #ff0000 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e0000', endColorstr='#ff0000',GradientType=0); 
    background-color: #9e0000; 
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
    border-radius: 2px; 
    border: 1px solid #1c0101; 
    display: inline-block; 
    cursor: pointer; 
    color: #ffffff; 
    font-family: Trebuchet MS; 
    font-size: 18px; 
    padding: 18px 44px; 
    text-decoration: none; 
    text-shadow: 0px 1px 0px #000000; 
}

이 무엇을 할 수 있을까? 전에이 스타일을 사용 했으니 까.

출처

2017-03-18 Carla Fenech

(input으로 클래스를 추가)? 그것의 모든 ? – aeid

나는 이해하지 못한다. 그것은 나를 위해 완벽하게 작동합니다. 이것이 원하는 결과입니까? https://jsfiddle.net/NikolaosG/6crb2nof/? –

CSS가 제대로 포함되어 있습니까? 클래스는 HTML의 버튼에있는 클래스의 클래스와 일치하므로 문제없이 작동해야합니다. –

그것은 나를

번 확인하여 CSS 경로와 클래스 계층 구조에 대해 꽤 잘 작동합니다.

출처

2017-03-18 19:51:55

효과가 있습니다. 확인 외부 CSS에 대한 올바른 경로를 포함해야하거나 html 파일 내부에 사용하는 경우, 그것은 잘 작동 안녕 <style type="text/css"></style>

https://i.stack.imgur.com/NkrJ8.jpg

출처

2017-03-18 20:20:15

내부의 CSS 스크립트를 언급해야합니다 당신에게 코드를 다시 한 번 확인하시기 바랍니다 아래 그림과 같이 바로 css 클래스를 추가하지 않을 경우 정확하게 작동하지 않는 것을

input.loginButton{ /*HERE YOU CAN ADD YOUR CSS CODE*/}

출처

2017-03-19 01:13:35

내 HTML에서 CSS가 작동하지 않습니다.

답변

관련 문제