Eklenmiş Düğme ile Önyükleme Arama Girişi - Tüm Taraflarda Yuvarlatılmış Köşeleri Görüntüleme

Question

Twitter Bootstrap kullanıyorum.

Burada a fiddle with my code. Ve burada ben eklenmiş bir düğme, per the Bootstrap docs sahip bir arama girişini uygulamış

---

Github Issue açıldı bu. Benim HTML formu için nedense burada

<form class="form-search text-center" method="get" action="#"> 
    <div class="input-append"> 
    <input type="search" class="span7 search-query" name="q" autocomplete="off" placeholder="SEARCH" tabindex="1"> 
    <button type="submit" class="btn"><i class="icon-search icon-large"></i> </button> 
    </div> 
</form> 

gösterilmiştir, aşağıdaki ekran görüntüsünde gösterildiği gibi arama kutusu görünür mobil (yani iPhone 5) formu izlerken:

görüntülerim bir masaüstü tarayıcıda arama formu ve bu ikinci ekran görüntüsünde görüldüğü gibi "mobil boyut," arama kutusu doğru görünür şekilde yeniden boyutlandırmak (göz ardı hafif sınır ve boyut farkı):

--------- SORU ---------

nasıl ilk ekran görüntüsünde olduğu gibi yanlış görüntülenmesini arama girişini engelleyebilir? Ve buna ne sebep olabilir? Hem arama girişleri için hem kaynak hem de hesaplanmış stillere baktım ve her şey aynı görünüyor. Yardım et?

input type="search" - type="text" değiştirirseniz, sorun yok, bu yüzden CSS'de bir yerde olmalı, ancak bunu anlayamıyorum. Hangi CSS bu etkiyi gerçekte uygular? Ben <div class="input-prepend"> için <div class="input-append"> geçerseniz

--------- GÜNCELLEME ---------

arama giriş doğru görüntüler. Ayrıca, alan odaklandığında, sağdaki yuvarlak köşe "kare" yi döndürür ve doğru şekilde görünür.

Answer 1

Yapamayacağınız gibi görünüyor. Bu bağlantıyı

webkit html5 search inputs

alıntı bakınız:

WebKit bir arama girişine değiştirebilir ne büyük zaman kısıtlamaları vardır. Fikrin tutarlı olduğunu tahmin ederdim. Safari'de özellikle arama alanları, tarayıcının sağ üst tarafındaki arama kutusu gibi görünür. Aşağıdaki CSS, WebKit'te "ne olursa olsun" olarak görmezden gelinecektir.

Diğer kelimelerde, Safari stillerinizi göz ardı eder ve standart görünümü uygular.