Forum PHP.pl > [CSS] Obramowanie przycisku

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS] Obramowanie przycisku

aeaeae

17.05.2011, 16:50:15

Napisałem "obramowanie", a mam na myśli pozbycie się pozostałości z przycisku, które pomimo zerowania marginesów, obramowania i podania display:block, zostają wokół tekstu przycisku dla Firefoxa (dla Google Chrome np. zostaje sam czysty tekst). Ktoś wie czy można z tym walczyć CSSem?

matino

17.05.2011, 18:01:17

Spróbuj:

[HTML] pobierz, plaintext 
outline:none
[HTML] pobierz, plaintext

lub

[HTML] pobierz, plaintext 
overflow:hidden
[HTML] pobierz, plaintext

aeaeae

17.05.2011, 19:54:53

Ani drgnie.

@rtur

17.05.2011, 19:59:40

jak możesz pokaz screena bo nie bardzo wiem o jakie obramowanie chodzi

aeaeae

17.05.2011, 20:36:21

Ok, żeby pokazać o co mi chodzi dodałem border:1px:

[HTML] pobierz, plaintext 
<input class="submit" type="submit" value="Login" />
[HTML] pobierz, plaintext

[HTML] pobierz, plaintext 
*{margin:0px;padding:0px;font-size:16px;background-color:#FFFFFF}
.submit{display:block;font-family:Times New Roman;border:1px solid black;color:#000000}
[HTML] pobierz, plaintext

http://imageshack.us/photo/my-images/196/aaacg.gif

Z lewej jest Firefox a z prawej Chrome. Jeśli dam niezerowy padding żeby w chrome wyglądał lepiej, to w FF mi się za bardzo rozrośnie ...

matino

18.05.2011, 07:08:07

W FF4 i FF3.6 border znika dla border:0, więc nie wiem w czym masz problem...

tomek1234

18.05.2011, 07:30:24

Jeśli tak bardzo zależy Ci na tym, aby to był zwykły tekst to może wykorzystaj javascript do zatwierdzania formularza ?

Kod

<a href="#" onclick="document.forms["myform"].submit();">Login</a>

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.