CSS řešení: když v MSIE nefunguje záporný text-indent pro input
Mám CSS kód pro grafické tlačítko, ve kterém nechci zobrazovat text.
input#site-search-submit
{
text-indent: -500px;
}
Trik se záporným text-indent funguje ve standardních prohlížečích. Ne však v IE6+7. Tam musíme přidat pár řádků:
input#site-search-submit
{
text-indent: -500px;
display: block;
font-size: 0px;
line-height: 0px;
}
Odpověď na logicky následjící otázku “A proč?” dnes nebude následovat. Nezjistil jsem ji. Lepší popis řešení je na Productive Dreams.
Trvalý odkaz
