css3的呼吸效果导致其子元素select在safari5.1.7中无法选中值

最近联调一个别人的专题，问题是select无法选中值，排查js没有问题，发现其外层容器有个呼吸效果，如下：

/* CSS Document */
.login, .loginNow {
  -webkit-box-shadow: 0 0 5px black;
  -moz-box-shadow: 0 0 5px black;
  -ms-box-shadow: 0 0 5px black;
  -o-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -ms-border-radius: 6px 6px 6px 6px;
  -o-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  -webkit-animation: btnlight 2s infinite;
  -moz-animation: btnlight 2s infinite;
  -o-animation: btnlight 2s infinite;
  animation: btnlight 2s infinite; }

@-webkit-keyframes btnlight {
  0% {
    -webkit-box-shadow: 0 0 5px black; }

  25% {
    -webkit-box-shadow: 0 0 10px black; }

  50% {
    -webkit-box-shadow: 0 0 15px black; }

  75% {
    -webkit-box-shadow: 0 0 10px black; }

  100% {
    -webkit-box-shadow: 0 0 5px black; } }

@-moz-keyframes btnlight {
  0% {
    -moz-box-shadow: 0 0 5px black; }

  25% {
    -moz-box-shadow: 0 0 10px black; }

  50% {
    -moz-box-shadow: 0 0 15px black; }

  75% {
    -moz-box-shadow: 0 0 10px black; }

  100% {
    -moz-box-shadow: 0 0 5px black; } }

@-ms-keyframes btnlight {
  0% {
    -ms-box-shadow: 0 0 5px black; }

  25% {
    -ms-box-shadow: 0 0 10px black; }

  50% {
    -ms-box-shadow: 0 0 15px black; }

  75% {
    -ms-box-shadow: 0 0 10px black; }

  100% {
    -ms-box-shadow: 0 0 5px black; } }

@-o-keyframes btnlight {
  0% {
    -o-box-shadow: 0 0 5px black; }

  25% {
    -o-box-shadow: 0 0 10px black; }

  50% {
    -o-box-shadow: 0 0 15px black; }

  75% {
    -o-box-shadow: 0 0 10px black; }

  100% {
    -o-box-shadow: 0 0 5px black; } }

@keyframes btnlight {
  0% {
    box-shadow: 0 0 5px black; }

  25% {
    box-shadow: 0 0 10px black; }

  50% {
    box-shadow: 0 0 15px black; }

  75% {
    box-shadow: 0 0 10px black; }

  100% {
    box-shadow: 0 0 5px black; } }

故先将其隐掉，发现ok了