Diskuze: Bootstrap 3 input opacity

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

Avatar
BlugW
Redaktor
Avatar
BlugW:

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
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
BlugW
Redaktor
Avatar
Odpovídá na BlugW
BlugW:

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
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
BlugW
Redaktor
Avatar
BlugW:

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
Pořiď si mac na www.appletrh.cz. Novinky a zajímavosti ze světa Apple na https://www.applemagazin.eu
Avatar
Bambo
Člen
Avatar
Bambo:

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
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na BlugW
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
Avatar
Daniel Vítek
Tým ITnetwork
Avatar
Avatar
Ori
Člen
Avatar
 
Nahoru Odpovědět 6.2.2015 18:31
Avatar
Honza Bittner
Redaktor
Avatar
Odpovídá na Daniel Vítek
Honza Bittner:

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
Ptejte se mě na cokoli na https://github.com/HoBi/ama a followujte mě na Twitteru https://twitter.com/tenhobi. :-)
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.