CSS überhaupt nicht funktioniert

Ich denke, es hat irgendwie mit der Verbindung zu tun, aber bin verloren. Ich bin 3 Stunden zu was weniger als eine Minute hätte sein sollen. Ich benutze Bootstrap als Framework. Hier ist der HTML:CSS überhaupt nicht funktioniert

<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>

Hier ist die CSS:

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

Hier ist der Kopf:

<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>

Quelle

2017-01-25 Anonymous

gibt es irgendwelche Fehler in Ihrem Browser-Konsole? Das wird Ihnen sagen, ob der Link href 404 ist. –

Nein, keine Fehler in der Konsole. –

Ihr Code scheint gut zu funktionieren. Klicken Sie auf das "Code-Schnipsel ausführen" unten und sehen Sie selbst:

Der Standardcursor ist der, der wie erwartet Ihren CSS-Code anzeigt.

.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>

Quelle

2017-01-25 03:46:49 ITWitch

Das ist komisch, weil ich es auf meinem localhost überhaupt nicht funktionieren kann. Ich versuche, das Styling in die style.css-Datei zu legen, die die letzte verknüpfte Datei ist, so dass sie wichtiger als die anderen Dateien sein sollte. –

Der CSS 'cursor: default' zeigt den" Pfeil "-Cursor an, und das zeigt Ihr Code gerade an. Ist das NICHT was du willst? Welche Art von Cursor möchten Sie genau anzeigen? – ITWitch

Ich wollte den Pfeil, aber der Code ist in Ordnung Ich habe herausgefunden, aber der Link funktioniert noch nicht, die inspect zeigt, dass es Daten aus diesen Dateien zieht. Ich habe es auf eine beschissene Weise gelöst, indem ich einfach eine andere CSS-Datei verwendet habe. –

CSS überhaupt nicht funktioniert

Antwort

Verwandte Themen