Hallo,
ich bin derzeit dabei, eine Webseite mit ein paar einfachen Buttons (CSS3) zu erstellen.
Nun gibt es jedoch das Problem, dass der Text, der in den Buttons steht, mit der Maus markiert werden kann.
Zur Veranschaulichung hier der Code des Buttons:
[HTML]
Test
.button
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #f5f5f5) );
background:-moz-linear-gradient( center top, #fafafa 5%, #f5f5f5 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5');
background-color:#fafafa;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #c0c0c0;
display:inline-block;
color:#404040;
font-family:segoe ui;
font-size:12px;
padding:5px 10px;
text-decoration:none; }
.button:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f5f5f5), color-stop(1, #fafafa) );
background:-moz-linear-gradient( center top, #f5f5f5 5%, #fafafa 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#fafafa');
background-color:#f5f5f5; }
.button:active
{
position:relative;
top:1px; }
Button mit Text
[/HTML]
Gibt es eine Möglichkeit, den Text im Button nicht mehr zu markieren und auch das Text-Symbol, in das sich der Cursor verwandelt, abzuschalten?
Warum nimmst du dann nicht das Button-Element von HTML?
Gibt es eine Möglichkeit, den Text im Button nicht mehr zu markieren und auch das Text-Symbol, in das sich der Cursor verwandelt, abzuschalten?
Siehe dazu meine Antwort oben, dann hast du dieses Problem nicht mehr.
Davon abgesehen rät das W3C dringend davon ab den Cursor zu verändern. Man irritiert nicht nur den Benutzer, sondern nimmt ihm gewohnte Annehmlichkeiten weg. Im Zweifel meiden dann die Benutzer deine Seite, weil sie so merkwürdig funktioniert und man sich keinen Virus einfangen will.