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;

About the Author

Vladimir Enchev

is Director of Engineering, Native Mobile UI & Frameworks

Comments

Comments are disabled in preview mode.