-moz-user-select: -moz-none;
Did you ever wonder how to get rid of these evil pseudo cells selection / borders in your html tables in FireFox?
The solution is:
<table border="1" style="-moz-user-select: none;">
<tr>
<td>Cell</td>
<td>Cell</td>
</tr>
...
however... if you have an INPUT elements inside the cells you will definitely loose the selection inside the INPUT. You can try this example:
<table border="1" style="-moz-user-select: none;">
<tr>
<td<input type="text" /></td>
<td>Cell</td>
</tr>
...
So the question is: How to remove the cell selection borders and keep the selection in INPUT elements?
... and the answer is ...: -moz-user-select: -moz-none;
The solution is:
<table border="1" style="-moz-user-select: none;">
<tr>
<td>Cell</td>
<td>Cell</td>
</tr>
...
however... if you have an INPUT elements inside the cells you will definitely loose the selection inside the INPUT. You can try this example:
<table border="1" style="-moz-user-select: none;">
<tr>
<td<input type="text" /></td>
<td>Cell</td>
</tr>
...
So the question is: How to remove the cell selection borders and keep the selection in INPUT elements?
... and the answer is ...: -moz-user-select: -moz-none;
About the Author
Vladimir Enchev
Vladimir Enchev is Director of Engineering, Native Mobile UI & Frameworks
Comments
Comments are disabled in preview mode.