Hej ciężko mi było wymyślić nazwę tematu, a proszę tylko o wytłumaczenie tytułowej zależności, której nie rozumiem.
Pracując nad okienkiem logowania chciałem pozbyć się białego tła z pola <input type="text">, mam podłączony pod HTML'a arkusz CSS, w którym wy pozycjonowałem wszystkie elementy strony, zdziwił mnie fakt, że nie mogę w CSS, ani nawet w sekcji <body> dla inputa ustawić wartości, które dały by zamierzony efekt, odnośnie wyglądu pola tekstowego, aż w końcu udało mi się za pomocą linijek:
<style type="text/css">
input[type="text"]{
background-color: transparent;
border: transparent;
font-family: Verdana,sans-serif;
font-style: italic;
text-align: center; }
input[type="password"]{
background-color: transparent;
border: transparent;
font-family: Verdana,sans-serif;
font-style: italic;
text-align: center; }
</style>
w sekcji <head> mojego pliku HTML. Bardzo proszę, mógłby mi ktoś jasno wytłumaczyć, czemu nie mogłem ustawić tych samych wartości stricte w pliku CSS, tylko musiałem bawić się w pliku HTML? Oraz czemu dzieje się tak, że kiedy w w.w linijkach wpisuję chociażby
background-color: transparent;
To dopiero wtedy, gdy jednocześnie w CSS nadam innputowi wartość background: Yellow, to zaciąga kolor z CSS, a nie z pliku html? Kiedy jednak usunę linijkę background z HTML, a zostawię w CSS to w ogóle nie zaciąga tych danych z CSS? Jakie w takim razie jest przeznaczenie arkusza stylów, skoro część stylu danego elementu, muszę ustawiać w pliku HTML?
Bardzo bym prosił przy okazji, o informacje jak pozbyć się tej niebieskiej obramówki, w okół pola tekstowego mojego inputa? Pojawia się ona dopiero po kliknięciu w pole tekstowe, a chciałbym, żeby nie podświetlało się nic. Link