CSS가 전혀 작동하지 않습니다

어떻게 든 링크와 관련이 있다고 생각하지만 길을 잃었습니다. 나는 3 분 안에 있어야했던 것까지 3 시간입니다. 프레임 워크로 부트 스트랩을 사용하고 있습니다. 여기에 HTML은 다음과 같습니다 여기 CSS가 전혀 작동하지 않습니다

<div class="col-xs-12 table"> 
     <table class="table table-striped"> 
      <tbody> 
      <tr> 
      <td><form method="GET"><input type="text" name="product-name[]" value="product name" class="form-control"disabled></td> 
      <td><input type="text" name="description[]" value="description" class="form-control"disabled></td> 
      <td><input type="text" name="qty[]" size="1" value="qty" class="form-control"disabled></td> 
      <td><input type="text" name="price-unit[]" size="2" value="price" class="form-control"disabled></td> 
      <td><input type="text" name="sub-total[]" size="2" value="subtotal" class="form-control"disabled></td> 
      </tr> 
       </tbody> 
       </table> 
       </div>

는 CSS입니다 : 여기

.form-control[disabled], fieldset[disabled] .form-control { 
     cursor: default; 
    }

된 헤드 :

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <!-- Meta, title, CSS, favicons, etc. --> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title> Submit Payment | SeaItManageIt</title> 

    <!-- Bootstrap --> 
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
    <!-- Font Awesome --> 
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
    <!-- NProgress --> 
    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet"> 
    <!-- iCheck --> 
    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet"> 
    <!-- bootstrap-progressbar --> 
    <link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet"> 
    <!-- JQVMap --> 
    <link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/> 
    <!-- bootstrap-daterangepicker --> 
    <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"> 
    <!-- Custom Theme Style --> 
    <link href="../build/css/custom.min.css" rel="stylesheet"> 
    <link href="../build/css/style.css" rel="stylesheet"> 

    </head>

출처

2017-01-25 Anonymous

브라우저 콘솔에서 오류가 있습니까? 링크 href가 404'ing인지 알려줄 것입니다. –

콘솔에 오류가 없습니다. –

코드는 잘 작동하는 것 같다. 아래의 "실행 코드 스 니펫"을 눌러 직접 확인하십시오.

기본 커서는 CSS 코드에서 예상대로 표시됩니다.

.form-control[disabled], fieldset[disabled] .form-control { 
 
     cursor: default; 
 
    }

<head> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
    <!-- Meta, title, CSS, favicons, etc. --> 
 
    <meta charset="utf-8"> 
 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 

 
    <title> Submit Payment | SeaItManageIt</title> 
 

 
    <!-- Bootstrap --> 
 
    <link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
 
    <!-- Font Awesome --> 
 
    <link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 
 
    <!-- NProgress --> 
 
    <link href="../vendors/nprogress/nprogress.css" rel="stylesheet"> 
 
    <!-- iCheck --> 
 
    <link href="../vendors/iCheck/skins/flat/green.css" rel="stylesheet"> 
 
    <!-- bootstrap-progressbar --> 
 
    <link href="../vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet"> 
 
    <!-- JQVMap --> 
 
    <link href="../vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/> 
 
    <!-- bootstrap-daterangepicker --> 
 
    <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"> 
 
    <!-- Custom Theme Style --> 
 
    <link href="../build/css/custom.min.css" rel="stylesheet"> 
 
    <link href="../build/css/style.css" rel="stylesheet"> 
 

 
    </head> 
 

 
<div class="col-xs-12 table"> 
 
     <table class="table table-striped"> 
 
      <tbody> 
 
      <tr> 
 
      <td><form method="GET"><input type="text" name="product-name[]" value="product name" class="form-control"disabled></td> 
 
      <td><input type="text" name="description[]" value="description" class="form-control"disabled></td> 
 
      <td><input type="text" name="qty[]" size="1" value="qty" class="form-control"disabled></td> 
 
      <td><input type="text" name="price-unit[]" size="2" value="price" class="form-control"disabled></td> 
 
      <td><input type="text" name="sub-total[]" size="2" value="subtotal" class="form-control"disabled></td> 
 
      </tr> 
 
       </tbody> 
 
       </table> 
 
       </div>

출처

2017-01-25 03:46:49 ITWitch

내 localhost에서 전혀 작동하지 않아서 이상하게 보입니다. 마지막으로 링크 된 style.css 파일에 스타일을 넣으려고하는데 다른 파일보다 중요성을 가져야합니다. –

CSS 'cursor : default'는 "화살표"커서를 표시하며, 현재 코드에 표시되어 있습니다. 이게 네가 원하는게 아니야? 어떤 종류의 커서를 정확하게 표시 하시겠습니까? – ITWitch

나는 화살 하나를 원했지만 코드는 잘 알고 있지만 링크는 아직 작동하지 않습니다. 검사는 그 파일에서 데이터를 가져 오는 것으로 보여줍니다. 다른 CSS 파일을 사용하여 진절머리 나는 방식으로 해결했습니다. –

CSS가 전혀 작동하지 않습니다

답변

관련 문제