Přidej si svou IT školu do profilu a najdi spolužáky zde na síti :)

Diskuze: Bootstrap 3 input opacity

HTML a CSS HTML a CSS Bootstrap 3 input opacity American English version English version

Aktivity (1)
Avatar
Bogdan
Redaktor
Avatar
Bogdan:6.2.2015 16:21

Hoj, mám takový problém.
Potřebují pomoci Bootstrap 3 udělat input na search který bude na 60% opacity, ale aby text v něm byl na 100% opacity.

Celej input jsem sice dal na 60%, ale aby byl font vidět na 100% nevím jak udělat.

  • Bych potřeboval aby glyphicon byla v inputu v levo, vím jak jí dat v pravo, ale v levo to prostě nejde, na internetu jsou classky které už v bootstrapu nejsou nebo jsou přejmenované :D

Budu vděčný za rady.
Přikládám img jak by to mělo vypadat.

Díky

 
Odpovědět 6.2.2015 16:21
Avatar
Bogdan
Redaktor
Avatar
Odpovídá na Bogdan
Bogdan:6.2.2015 16:22

Ještě img jak mi to vypadá teď...
Glyphicon jsem zatím dal pryč jelikož mi tam překáží když nevím jak ji strčit do leva.

 
Nahoru Odpovědět 6.2.2015 16:22
Avatar
Bogdan
Redaktor
Avatar
Bogdan:6.2.2015 16:48

Tak to opacity jsem vyřešil tak že jsem ho všude dál 1,0, a jen změnil background-color na světlejší.

S tím glyphicon furt nevím jak na to :(

 
Nahoru Odpovědět 6.2.2015 16:48
Avatar
xpoproci
Člen
Avatar
xpoproci:6.2.2015 17:49

Skús to dať ako background-image toho textboxu nastav na no-repeat a prispôsob padding.

Nahoru Odpovědět 6.2.2015 17:49
Motto
Avatar
Honza Bittner
Šupák
Avatar
Odpovídá na Bogdan
Honza Bittner:6.2.2015 18:04

Ta opacity se dělá pomocí rgba() funkce v background.

Zjisti si jak se ta lupa vypisuje (element, :before, :after... ?) a poté jen změň pozici...

Využívej Dev Tools v Chromu, což je opravdu užitečný nástroj. ;)

Akceptované řešení
+20 Zkušeností
+1 bodů
Řešení problému
Nahoru Odpovědět  +3 6.2.2015 18:04
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Odpovídá na Honza Bittner
Daniel Vítek:6.2.2015 18:17

rgba není funkce :D

 
Nahoru Odpovědět 6.2.2015 18:17
Avatar
Ori
Člen
Avatar
Odpovídá na Daniel Vítek
Ori:6.2.2015 18:31

slovičkárenie :D :D

 
Nahoru Odpovědět 6.2.2015 18:31
Avatar
Honza Bittner
Šupák
Avatar
Odpovídá na Daniel Vítek
Honza Bittner:6.2.2015 20:08

Sorry, už jsem "zblblý" z Sassu, kde to jest funkce...

Je pak krása využívat hexa barvy

color: rgba(#000, 0.2);

... :)

Nahoru Odpovědět  +1 6.2.2015 20:08
Milovník Dartu. Student FIT ČVUT. Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/...
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 8 zpráv z 8.