Witam,
Jak uzyskać taki wygląd inputa jak na screenie (css)?
Prosze o pomoc,
d4rqu
dodanie obrazka do załączników i treści posta - @furious programming
0
1
Wydaje mi się że input jest w opakowany w jakiś pojemnik z obramowaniem które input częściowo przysłania. Coś takiego: http://jsbin.com/bumanaduja ?
4
A ta ramka co jest przy brzegach obrazka się wlicza w inputa?
Ja mam jeszcze prostszy sposób (wymaga tylko pokolorowania, ew wstawienia w diva z ramką i paddingiem):
http://jsbin.com/zowoyicire/2/edit?html,css,output
:P
0
Dziekuje za odpowiedzi
0
Jeszcze pytanie jak ten napis szukaj ustawić wycentrowany w ramce?
0
dodaj tą własność:
text-align: center;
0
Ostatnie pytanie, bo mam input na stronie i chce go przerobić na ten podany tutaj. Niestety natrafiam na przeszkody.
M.in jak ustawiam: background: none; to w przeglądarce jest to przekreślone.
media="all"
.widget_top input.td-widget-search-input {
padding: 1px 6px;
margin-top: 3px;
font-size: 11px;
border: 1px solid #5d5d5d;
width: 150px;
background-color: none;
Co to oznacza? Nie mogę zmienić background dla tego inputa? Muszę nowego diva i nową klase ustawić?
1
To oznacza, że inna reguła nadpisuje ten styl (napisana później, ALBO o większej ważności).
input { color: red; }
input { color: blue; }
spowoduje, że inputy będą miały tekst niebieskim kolorem
ALE
<input class=czerwony />
input.czerwony { color: red; }
input { color: blue; }
spowoduje, że ten konkretny input będzie czerwony, ponieważ jego selektor (input.czerwony jest ważniejszy (bo jest bardziej "dokładny", przy czym np. #czerwony jest jeszcze ważniejsze niż .czerwony - pomimo, że ilość "szczegółów" jest taka sama))
Znajdź sobie w narzędziach deweloperskich te same właściwości, które nie są przekreślone - gdzieś wyżej/niżej - będziesz miał zaznaczone, że to one są najważniejsze.
BTW: PODSTAWYYYY tak bardzo podstawowe, że powinieneś wylogowąć się z forum i trochę poczytać - bo wszyscy tracimy czas na takie głupoty ;)
0
Dziękuję za odpowiedź