D3: -moz-user-select überschreiben

Beitrag lesen

SELF-Forum

-moz-user-select überschreiben

D3
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich habe folgendes HTML:

  
<html>  
<head>  
  <link rel="stylesheet" href="styles.css"/>  
</head>  
<body>  
<DIV style="width: 590px;" class="myStyle">  
  <TABLE cellspacing="0" cellpadding="0" border="0" style="width: 590px;">  
    <TBODY>  
      <TR>  
        <TD tabindex="0" style="width: 83px;">  
          <DIV>  
            <INPUT type="text" value="0" maxlength="30" size="30" name="3:4"/>  
          </DIV>  
        </TD>  
      </TR>  
    </TBODY>  
  </TABLE>  
</DIV>  
</body>  
</html>

sowie diese CSS-Datei:

  
.myStyle td {line-height:13px; vertical-align:top; padding-left:1px; padding-right:1px; -moz-user-select:none;}

Aufgrund des -moz-user-select ist der Text des input-Felds im Firefox 2.x sowie 3.x nicht markierbar. Ich suche nun nach einer Möglichkeit, dem input-Feld selbst eine CSS-Eigenschaft zuzuweisen, um den Text markierbar zu machen (an den anderen HTML-Elementen sollten keine Änderungen gemacht werden).

Gefunden habe ich bislang nur die Möglichkeit, dem TD-Element folgenden Style zuzuweisen:

  
.x-selectable, .x-selectable * {  
-moz-user-select: text!important;  
-khtml-user-select: text!important;  
}

Nur wie gesagt, ich möchte dem input-Element einen passenden Style zuweisen. Selbst wenn ich dem Element die Eigenschaft -moz-user-select: normal gebe, "gewinnt" immer noch der dem übergeordneten TD-Element zugewiesene Style. Ich habe noch keine Möglichkeit gefunden, das -moz-user-select direkt im input-Feld zu überschreiben.

Kann mir jemand weiterhelfen?

Vielen Dank im Voraus und viele Grüsse,
Daniel

Beitrag melden
–
Informationen zu den Bewertungsregeln