Css dropdown form elementleri

08-07-2015, 20:54:48

#1

MahmutCan

Arkadaşlar dropdown form elementini css 'de ne şekilde görsellik kazandırırız. Yardım edenlere teşekkürler.

09-07-2015, 01:27:10

#2

MahmutCan

Yardımcı olabilecek yok mu?

09-07-2015, 08:44:00

#3

alikarakoc93

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

Arkadaşlar dropdown form elementini css 'de ne şekilde görsellik kazandırırız. Yardım edenlere teşekkürler.

Ne şekilde görsellik kazandırabileceğin senin elinde o yüzden kimse yazmamış olabilir.

Nasıl şekillendirebilirim dersen belki yardımcı olan olur.

09-07-2015, 08:53:00

#4

Tonks

F. STACK WEB + MOBILE DEV

CSS 3 ile gelen bir sürü yenilik var, istersen üzerine tıklayınca büyüsün, istersen formu açtığında yukardan veya aşağıdan gelsin. Sana kalmış.

09-07-2015, 13:44:18

#5

MahmutCan

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

CSS 3 ile gelen bir sürü yenilik var, istersen üzerine tıklayınca büyüsün, istersen formu açtığında yukardan veya aşağıdan gelsin. Sana kalmış.

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

Ne şekilde görsellik kazandırabileceğin senin elinde o yüzden kimse yazmamış olabilir.

Nasıl şekillendirebilirim dersen belki yardımcı olan olur.

Demo ile göstereyim o halde;
Text boxları şekillendirdim ama dropdown formları yapamadım. Uyumlu olsun istiyorumda beceremedim bir türlü.

Kodlar:

.input-append input, textarea {
  
    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;
    height: 24px;
    line-height: 24px;
    padding: 5px;
    width: 300px;
}

09-07-2015, 14:42:28

#6

yumuX

CSS de dropdown'u "select" ile seçtin mi?

09-07-2015, 14:47:56

#7

MahmutCan

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

CSS de dropdown'u "select" ile seçtin mi?

Dropdown yok oldu yanlış bir şey yapıyorum kesin ama hayırlısı

09-07-2015, 19:57:12

#8

Hunper

.divismi select {

}

şeklinde yakalama işlemi mevcut hocam bunu görselinide değiştirip mi gönderelim istiyorsunuz yoksa sadece nasıl yakalayacağınızı mı sordunuz ? şu formun görselini değiştirmenizi sağlar. Başındaki ok işaretini değiştirmek için çeşitli css aldatmaları var birde.

<select>
<option></option>
</select>

09-07-2015, 20:16:43

#9

MahmutCan

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

.divismi select {

}

şeklinde yakalama işlemi mevcut hocam bunu görselinide değiştirip mi gönderelim istiyorsunuz yoksa sadece nasıl yakalayacağınızı mı sordunuz ? şu formun görselini değiştirmenizi sağlar. Başındaki ok işaretini değiştirmek için çeşitli css aldatmaları var birde.

<select>
<option></option>
</select>

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