After upgrading to Safari 7.1, I noticed that a couple of my css lines have stopped working. These lines were functioning fine with Safari 7.0.x and are still working in browsers like Chrome.
overflow: hidden;
and
outline-color: [color];
Specifically, I used "overflow:hidden;" to prevent the background from scrolling when hovering over a scrolling div:
$("ul.selectList, ul.comboBoxList, ul.multiSelectList").mouseenter(function(){$("body").css("overflow","hidden")});
$("ul.selectList, ul.comboBoxList, ul.multiSelectList").mouseleave(function(){$("body").css("overflow","initial")});
...and I utilized outline-color to adjust the color of a text input's outline when it is focused:
input[type="text"], input[type="password"], textarea { outline-color: $medium-green; outline-width: 5px; }
Has anyone else encountered these issues?