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:
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?
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:
<head>
<title>Test</title>
<style type="text/css">
.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; }
</style>
</head>
<div class=button>Button mit Text</div>
</body>
</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?
