CSS вообще не работает

Я думаю, что это имеет какое-то отношение к ссылке, но потеряно. Я нахожусь на 3 часа до того, что должно быть меньше минуты. Я использую bootstrap в качестве рамки. Вот 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. –

Нет ошибок в консоли. –

Ваш код, кажется, работает хорошо. Нажмите «код фрагмента кода» ниже и убедитесь сами:

По умолчанию используется указатель по умолчанию, соответствующий вашему 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

Что странно, потому что я не могу заставить его работать на моем локальном хосте вообще. Я пытаюсь поместить стиль в файл style.css, который является последним связанным, поэтому он должен иметь значение по сравнению с другими файлами. –

CSS-курсор: по умолчанию отображает курсор «стрелка», и именно это отображается в вашем коде. Это НЕ то, что вы хотите? Какой именно курсор вы хотите отобразить точно? – ITWitch

Мне нужна стрелка, но код в порядке, я понял, но ссылка еще не работает, инспекция показывает, что она вытаскивает данные из этих файлов. Я решил это дерьмовым способом, просто используя другой файл CSS. –

CSS вообще не работает

ответ

Смежные вопросы