IE9浏览器下的 placeholder不显示的解决方案

查了很多资料,关于ie浏览器的兼容问题
最后采取了label的替代方案

/* input placeholder 实现的替代方案 */
.circle-panel .input-label-placeholder{
  position: absolute;
  left: 50px;
  top: 38px;
  z-index: 1;
  font-size: 24px;
  color: #cccccc;
}

.modal-body-rgt .label-placeholder {
  position: absolute;
  left: 0px;
  top: 0;
  z-index: 1;
  font-size: 15px;
  color: #cccccc;
}

.time-placeholder{
  position: absolute;
  left: 10px;
  top: 3px;
  z-index: 1;
  font-size: 15px;
  color: #cccccc;
}
  
          {
           !sp && !getFieldValue('sportTime') &&
          }
           trigger.parentNode }}
            disabledDate={this.setDisabledDate}
            getCalendarContainer={trigger => trigger.parentNode}
            {...timeProps}
          />
        
 
                
     

你可能感兴趣的:(React,浏览器兼容)