Css dropdown form elementleri - Sayfa 2

09-07-2015, 20:18:14

#10

sever2k7

Niye uğraşıyosun ki?
Bootstrap kullan gitsin.

09-07-2015, 20:45:38

#11

Hunper

MahmutCan adlı üyeden alıntı: mesajı görüntüle

Aslında tek isteğim textbox gibi görsellikte olsun ikon kalkmasada olur

Bu durumda aşağıdaki css i eklemeniz yeterlidir. Height değerini kaldırdım, eğer kaldırmaz isek yazı aşağı doğru kaybolacaktır. Aşağıdaki css input ve textarea dan ayrı eklenecek yani. Çünkü onlarda height değeri bulundurması sorun olmuyor fakat bunda oluyor. Bunda kaldırarak eklediğiniz takdirde aynı görseli elde edersiniz. Veya aynı height boyutunda olsun istiyorsanız da padding değerini düşürmeniz gerekmektedir yazı kaybolmaması için.

.input-append select {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #DADADA;
    background: #F9F9F9;
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .15);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #747474;
    font-size: 16px;
    font-style: italic;
    margin-top: 5px;
    padding: 5px;
    width: 300px;
}

09-07-2015, 20:49:02

#12

MahmutCan

Hunper adlı üyeden alıntı: mesajı görüntüle

Bu durumda aşağıdaki css i eklemeniz yeterlidir. Height değerini kaldırdım, eğer kaldırmaz isek yazı aşağı doğru kaybolacaktır. Aşağıdaki css input ve textarea dan ayrı eklenecek yani. Çünkü onlarda height değeri bulundurması sorun olmuyor fakat bunda oluyor. Bunda kaldırarak eklediğiniz takdirde aynı görseli elde edersiniz. Veya aynı height boyutunda olsun istiyorsanız da padding değerini düşürmeniz gerekmektedir yazı kaybolmaması için.

.input-append select {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid #DADADA;
    background: #F9F9F9;
    box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .15);
    -moz-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 2px 2px 3px rgba(0, 0, 0, .15);
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #747474;
    font-size: 16px;
    font-style: italic;
    margin-top: 5px;
    padding: 5px;
    width: 300px;
}

Allah razı olsun hocam. Teşekkür ediyorum