jquery - transparent css border as a place-holder -

Please take a look at the following two fiddle files to see the problem:

Highlighting me Hover requires a limit on the effect, but I am not satisfied with the following two codes:

This is not a satisfactory one because the table delights as your mouse - after the rows , I tried the following

This does not work either because the boundary Is done more than the other borders of unselected rows.

  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-accessory-stufffix.ui-corner-all table Wi-date picture-calendar strategy {border-style: none; Border color: RGBA (255, 0, 0, 0); Border-width: 4px; } .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-assist-clearfix.ui-corner-all tables. Wi-dead-picture-calendar TD tr: hover {border-style: dotted; Border-color: red; Border-width: 4px; }  

For rows that have not been hidden by the mouse, if I do not set the border to anyone, then this is the wobbles, but if I make the boundary solid but transparent I still block the boundaries of the hidden rows.

Is there really an invisible placeholder limit?

Here you can go:

To add border color simply < Code> use instead of the border and it should work beautifully:)

  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget- material. Wi-accessory-clearfix.ui-corner-all table Wi-dead-picture-calendar TT {outline: 2px white dotted; } .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-accessory-stufffix.ui-corner-all table. Wi-date picture-calendar TD tr: hover {framework: 2px dotted red; }