entfernen Cursor auf Fokus Textbox

Ich möchte eine Textbox auf focus.When entfernen Cursor I bilden das Textfeld klicken, um es zeigt cursor.I wollen Sie den Cursor entfernen, nachdem ich die Textboxentfernen Cursor auf Fokus Textbox

jQuery(document).ready(function($) { 
 
$(function(){ 
 
     $('#edit-field-date-value-value-datepicker-popup-0').blur(); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="edit-field-date-value-value-datepicker-popup-0" name="field_date_value[value][date]" value="" size="20" maxlength="30" class="form-text hasDatepicker date-popup-init">

geklickt

Quelle

2017-07-13 user3386779

Wäre das nicht lästig, eine Eingabe, die der Benutzer nicht verwenden kann? Warum nicht einfach entfernen. – adeneo

Ich habe Datumsauswahl im Eingabefeld nach Design Ich muss den Cursor entfernen – user3386779

Sie müssen klarer sein, möchten Sie nur den Cursor ausblenden, oder die Eingabe im Fokus verwischen. Sie wissen, dass jQuerys Datumsauswahl auf ein Element gesetzt werden kann, das keine Eingabe ist – adeneo

Sie könnten color: transparent; verwenden, um den Cursor ausgeblendet zu machen, und outline: none;, um den fokussierten Rahmen zu entfernen. keine auf Fokus:

jQuery(document).ready(function($) { 
 
    $(function() { 
 
    $('#edit-field-date-value-value-datepicker-popup-0').blur(); 
 
    }); 
 
});

#edit-field-date-value-value-datepicker-popup-0:focus { 
 
    color: transparent; 
 
    //and 
 
    //outline: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="edit-field-date-value-value-datepicker-popup-0" name="field_date_value[value][date]" value="" size="20" maxlength="30" class="form-text hasDatepicker date-popup-init">

Quelle

2017-07-13 10:14:25

Aber auf diese Weise können Sie nicht sehen, was Sie tatsächlich eingeben ;-) – hallleron

Diese rein mit CSS getan werden kann:

jQuery(document).ready(function($) { 
 
$(function(){ 
 
     $('#edit-field-date-value-value-datepicker-popup-0').blur(); 
 
    }); 
 
});

#edit-field-date-value-value-datepicker-popup-0{ 
 
    color: transparent; 
 
    text-shadow: 0 0 0 gray; 
 
} 
 
#edit-field-date-value-value-datepicker-popup-0:focus { 
 
    outline: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="edit-field-date-value-value-datepicker-popup-0" name="field_date_value[value][date]" value="" size="20" maxlength="30" class="form-text hasDatepicker date-popup-init">

Quelle

2017-07-13 10:08:30 hallleron

Sie können den Cursor verwenden.

#edit-field-date-value-value-datepicker-popup-0:focus{ 
    cursor:none; 
}

Quelle

2017-07-13 10:35:58

entfernen Cursor auf Fokus Textbox

Antwort

Verwandte Themen