Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][html] Własne title dla button
Forum PHP.pl > Forum > Przedszkole
Patricco90
Witam tworzę sobie własne title dla przycisku i mam następujący problem:

title wyśletla mi się 2x, moje i te z html*

tworze to tak:

  1. <button title="opis">PRZYCISK</button>



i css

  1. button {
  2.  
  3. text-decoration: none;
  4. }
  5.  
  6. button:hover {
  7.  
  8. position: relative;
  9. }
  10. button span {
  11. display: none
  12. }
  13. button[title]:hover:after {
  14. content: attr(title);
  15. padding: 5px 10px;
  16. color: #333;
  17. position: absolute;
  18. left: 110%;
  19. top: 110%;
  20. z-index: 20;
  21. white-space: nowrap;
  22. -moz-border-radius: 5px;
  23. -webkit-border-radius: 5px;
  24. border-radius: 6px;
  25. -moz-box-shadow: 0px 0px 4px #eb8f00;
  26. -webkit-box-shadow: 0px 0px 4px #eb8f00;
  27. box-shadow: 0px 0px 4px #eb8f00;
  28.  
  29.  
  30. }




Miał ktoś podobny problem? i zna rozwiązanie takiego problemu?
Damonsson
A to przejdzie?
  1. <button title="">PRZYCISK</button>

  1. button {
  2.  
  3. text-decoration: none;
  4. }
  5.  
  6. button:hover {
  7.  
  8. position: relative;
  9. }
  10. button span {
  11. display: none
  12. }
  13. button[title]:hover:after {
  14. content: "opis";
  15. padding: 5px 10px;
  16. color: #333;
  17. position: absolute;
  18. left: 110%;
  19. top: 110%;
  20. z-index: 20;
  21. white-space: nowrap;
  22. -moz-border-radius: 5px;
  23. -webkit-border-radius: 5px;
  24. border-radius: 6px;
  25. -moz-box-shadow: 0px 0px 4px #eb8f00;
  26. -webkit-box-shadow: 0px 0px 4px #eb8f00;
  27. box-shadow: 0px 0px 4px #eb8f00;
  28.  
  29.  
  30. }
Comandeer
A nie lepiej to wpakować jako button + span i połączyć przy pomocy [aria-describedby]?
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.