CSS Radio、Texteare样式问题总结

1、input、texteare placeholder字体颜色大小设置

 input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #666666;
    /* placeholder字体大小  */
    font-size: 14px;
  }
  textarea::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #666666;
    /* placeholder字体大小  */
    font-size: 14px;
  }

2、radio标签自定义样式

我这里是添加的背景图片不是修改的原本样式

input[type=radio]{
    /* 隐藏原有样式 */
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    /* 增加新样式:未选中时 */
    display: inline-block;
    width: 15px;
    height: 15px;
    position: static;
    margin : 15px 5px 0 0!important;
    background: url(/UpLoad/Images/202103/AAAAhVO1cgs.png) no-repeat;
    background-size: cover;
  }
  input[type=radio]:checked{/* 选中时 */
    background: url(/UpLoad/Images/202103/AAAAOJS1cgs.png) no-repeat;
    background-size: cover;
  }

3、texteare会自动默认空格回车的问题

页面初始加载的时候标签内的placeholder显示不出来 需要手动删除空格的部分placeholoer的内容部分就显示出来了
查阅了资料才知道原来是因为标签没有写在同一行

 <textarea placeholder="请描述您的问题（不超过200字）" class="questions"></textarea>

如果标签是写了两行的话 就会出现我刚才说的那种问题

   <textarea placeholder="请描述您的问题（不超过200字）" class="questions">
   </textarea>