CSS-Konflikt. CSS ändert meine <select> Klasse

Question

ich eine Laravel Website mit einem Formular mit einem SELECT:

<form method="POST" action="{{url('admin/createactivity')}}"> 

    <div class='form-group'> 
     <label for="name">Name:</label> 
     <input type="text" name="name" class="form-control" value="{{ old('name') }}" /> 
    </div>  

    <div class="form-group"> 
     <label for="activitytype">Type:</label> 
     <select name="activitytype" class="form-control" value="{{ old('activitytype') }}"> 
      <option value="-">Select one</option> 
      <?php 
       foreach ($items as $name => $id) { 
        echo '<option value="' . $id . '">' . $name . '</option>'; 
       } 
      ?> 
     </select> 
    </div> 

    <div class="form-group"> 
     <label for="description">Description:</label> 
     <input type="text" name="description" class="form-control" value="{{ old('description') }}"> 
    </div> 

    <div> 
     <button type="submit" class="btn btn-primary">Create</button> 
    </div> 
</form> 

Es verwendet die Bootstrap-Klassen form-group und form-control und sie arbeiten ziemlich gut, aber wenn ich beitreten die Seite mit dieser Form der SELECT plötzlich ändert er Klasse von form-control dazu:

<span class="jcf-select jcf-unselectable jcf-select-form-control"> 
    <select name="activitytype" class="form-control jcf-reset-appearance" value="" style="position: absolute; height: 100%; width: 100%;"> 
     <option value="-">Select one</option> 
     <option value="2">Aqua</option> 
     <option value="1">HIIT</option> 
    </select> 
    <span class="jcf-select-text"> 
     <span class="">Select one</span> 
    </span> 
    <span class="jcf-select-opener"></span> 
</span> 

Dieses einige JavaScript-Dateien als 'verwendet jquery-1.11.3.min.js ',' query.main.js 'und' plugins.js '. Ich denke, das Problem ist mit diesen Dateien, insbesondere mit 'plugins.js', aber ich weiß nicht, wie ich es beheben soll.

Die Sache ist, dass am "Anfang" der Belastung der Seite, ich kann das SELECT-Feld korrekt mit der Bootstrap-Klasse und plötzlich, nachdem es den Code vollständig lädt, ändert es.

Bitte, helfen Sie.

Answer 1

Die Transformation des Codes zeigt deutlich, dass Sie mit JCF - JavaScript Custom Forms Bibliothek irgendwo:

<span class="jcf-select jcf-unselectable jcf-select-form-control"> 
_____________^__________^________________^ 
<select name="activitytype" class="form-control jcf-reset-appearance" value="" style=...> 
________________________________________________^ 

prüfen in Ihrem plugins.js und sicherstellen, dass alle jcf Code oder entfernen Sie sie kommentieren, zB:

jcf.replaceAll(); //comment this line if exist inside your ready function 

Hoffe das hilft.