Kann die erste Option unsichtbar machen

7

Ich habe eine <select> und möchte, dass die erste Option unsichtbar ist, da es nicht genug Platz für den Text auf der mobilen Version gibt und sie trotzdem abgehackt wird, also habe ich beschlossen, sie einfach verschwinden zu lassen, aber es wird nicht funktionieren. Nur mit dem Rest der Optionen (auf PC-Browsern), aber nicht für den ersten. Warum ist das so?

Das habe ich bereits versucht

CSS:

%Vor%

HTML:

%Vor%

Danke.

    
Cain Nuke 04.08.2016, 05:16
quelle

7 Antworten

4

%Vor% %Vor%

Verwenden von JavaScript (bester Weg)

%Vor% %Vor%

Wenn Sie die erste Option nur im Mobilgerät ausblenden möchten, folgen Sie diesem

%Vor% %Vor%
    
Syam Pillai 04.08.2016, 05:27
quelle
7

Ich denke, dass Sie aus diesem Grund wirklich kein css hinzufügen müssen. Wenn Sie die erste Option leer lassen möchten, entfernen Sie Bitte auswählen .i.e.,

%Vor%

Wenn Sie möchten, dass einige Abstände innerhalb der Box vorhanden sind, obwohl Text entfernt wurde, können Sie einfach ein paar Mal hinzufügen, um das Panel breit genug zu machen, wie unten gezeigt.

%Vor%     
Yashwardhan Pauranik 04.08.2016 05:40
quelle
5

Sie können es auf display: none; only issue is setzen, es wird in Internet Explorer nicht funktionieren (Überraschung!)

Oder lass das <option> leer ...

    
Wim Mertens 04.08.2016 05:29
quelle
5

Hier ist ein funktionierender Plünderer für Sie. Ändern Sie es in display:none und fügen Sie select dem CSS hinzu

ODER

Sie können visibility: hidden; anstelle von display:none in CSS verwenden

%Vor% %Vor%
    
Abdul Moiz Khan 04.08.2016 05:34
quelle
2
%Vor%     
user6458249 04.08.2016 05:31
quelle
2

Sie können die Medienabfrage verwenden, um kleine Geräte und Telefone zu verwalten:

%Vor%     
Alex Char 04.08.2016 08:45
quelle
0
%Vor%

Danke ...:)

    
Bhanu pratap 09.08.2016 17:33
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Bedeutung von Pass by Reference in C und C ++?