2016-03-22 4 views
0

In unserer Anwendung verwenden wir Trinidad JSF für UI. Wenn sich der Benutzer bei der Anwendung anmeldet, wird eine Seite mit der Tabelle der Datensätze angezeigt. Optionsfeld wird für jeden Datensatz angezeigt, um einen Datensatz auszuwählen. Wenn der Benutzer in eine Gruppe von Optionsfeldern wechselt, wird die standardmäßige gepunktete Linie um das Optionsfeld angezeigt. Wenn der Benutzer innerhalb der Gruppe von Optionsschaltflächen mit der Pfeiltaste nach oben und nach unten navigiert, bleiben die standardmäßigen gepunkteten Linien auf dem ausgewählten Optionsfeld erhalten. Dieses Szenario ist in OrdnungEingabeproblem mit Optionsfeldern/Kontrollkästchen

Jetzt Benutzer in der Anwendung angemeldet ist, wird eine Seite mit Tabelle der Datensätze angezeigt und Benutzer ein Optionsfeld mit der Maustaste ausgewählt. Der Benutzer hat festgestellt, dass die gestrichelte Standardlinie nicht um den Optionsschalter herum angezeigt wird. Dies bedeutet, dass der Fokus nicht auf dem Optionsfeld aktiv ist.

warum die gepunktete Linie nicht auf dem Radio-Button erscheint, wenn mit der Maustaste ausgewählt?

Browser: IE 8.

Bitte schreiben Sie Ihre wertvollen Kommentare.

Rendered HTML-Formulare wie die unten

<table> 
<tr> 
<td class="x7f xbd"> 
<input name="cardholderList:selected" id="cardholderList:0" title="Select" type="radio" value="0"> 
</td> 
... 
</tr> 
<tr> 
<td class="x7f xbd"> 
<input name="cardholderList:selected" id="cardholderList:1" title="Select" type="radio" value="1"> 
</td> 
... 
</tr> 
<tr> 
<td class="x7f xbd"> 
<input name="cardholderList:selected" id="cardholderList:2" title="Select" type="radio" value="2"> 
</td> 
... 
</tr> 
</table> 

Antwort

0

Wenn Mausklicks nicht die Umrisse ermöglichen, ist es notwendig, sie selbst stylen.

a:active{outline:none;} 
a:focus {outline: 2px solid green;}