CSS Radio、Texteare样式问题总结

朱雀 2022-11-14 11:58 319阅读 0赞

## 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，319人围观）

还没有评论，来说两句吧...

相关阅读

相关 css样式的优先级总结

考资料： 1、[CSS选择器及优先级总结][CSS_] 2、[Web前端面试指导(十三)：css样式的优先级是怎么样的？][Web_css] 3、[CSS的...

蔚落/ 2024年04月17日 16:35/ 0 赞/ 75 阅读

相关 css样式汇编总结

掌握CSS的5个技巧 > 经验分享： > > 划分页面机构的顺序： > > 自上而下，从左往右，以行作为一个单位 > 划分结构的依据：内容、颜色块、间距和

水深无声/ 2023年03月01日 12:47/ 0 赞/ 3 阅读

相关 css样式汇编总结

掌握CSS的5个技巧经验分享：划分页面机构的顺序：自上而下，从左往右，以行作为一个单位划分结构的依据：内容、颜色块、间距和边框你离css大神只差这

偏执的太偏执、/ 2022年12月28日 08:27/ 0 赞/ 138 阅读

相关 css样式笔记总结

css样式笔记总结 1. CSS简介你需要具备的知识什么是CSS? 样式层叠次序 2. CSS基础语法

深藏阁楼爱情的钟/ 2022年11月20日 05:50/ 0 赞/ 288 阅读

相关 CSS Radio、Texteare样式问题总结

1、input、texteare placeholder字体颜色大小设置 input::-webkit-input-placeholder {

朱雀/ 2022年11月14日 11:58/ 0 赞/ 320 阅读

相关 Bootstrap3 CSS样式基本用法总结

按钮 a,input,button都可以设置为按钮 a标签按钮 <a class="btn btn-default" href="" role="bu

深碍√TFBOYSˉ_/ 2022年09月26日 11:46/ 0 赞/ 259 阅读

相关【css样式部分总结】

1.在同里一个li中，两个div可能会对不齐；解决办法：去除”float:left”，使用”display: inline-block”；默认都是底部对齐，如果想顶部对齐，

左手的ㄟ右手/ 2022年05月22日 02:19/ 0 赞/ 207 阅读

相关 CSS层叠样式表-相关总结

字体属性：(font) 1.大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可

分手后的思念是犯贱/ 2022年02月15日 00:11/ 0 赞/ 292 阅读

相关 CSS样式表规划经验总结

最近看到一些关于CSS文件管理的问题，下面我就自己的经验说说，一个好的CSS文件主要是看他是否具有易维护性。下面我就说说我个人的看法：一、CSS文件的规划

逃离我推掉我的手/ 2021年09月25日 16:08/ 0 赞/ 396 阅读

相关 jQuery-css()方法总结——获取/设置样式

css()方法总结总结一下jQuery中使用css()方法获取和设置样式的特性。首先新建一个html文件，内容如下： <!DOCTYPE html>

末蓝、/ 2021年06月22日 15:35/ 0 赞/ 606 阅读