当前位置: 首页 > 知识库问答 >
问题:

如何强制输入轮廓覆盖或位于图标框阴影上方

夏高朗
2023-03-14

在此处输入图像描述

>

  • HTML

      <input type="email" placeholder="Email Address"  id="main-input" >
      <span id="arrow-icon"><img src="images/icon-arrow.svg" alt="arrow icon"></span>
      <span id="error-icon"><img src="images/icon-error.svg" alt="error icon"></span>
    

    CSS

      #main-input{
    width: 400px;
    height: 30px;
    border: 2px solid lightgray;
    border-radius: 30px;
    z-index: 100;}
    

    #主输入:焦点{大纲:无!重要;边框: 2px固体hsl(0, 93%, 68%);}

    #箭头图标{宽度:90px;高度:52px;位置:绝对;背景:线性渐变(向右,hsl(0,80%,86%)0%,hsl(0,74%,74%)100%);边距顶部:35px;边距左侧:-91px;边框半径:30px;方框阴影:3px16px 10px 0px#f4ddddd;光标:指针;}箭头图标img{/*宽度:10px;高度:20px;*/边距左侧:41px;边距顶部:15px;}`

  • 共有1个答案

    蔡修远
    2023-03-14
    • 换行输入和span位于div标记中
     类似资料:
    • 我正在阅读一个docx模板,做一些mods并输出它。我正在复制文档的所有元素,除了位图之外,一个标记出现在位图应该包含文本的地方,“此图像当前无法显示”。我已经试过几次了。 将位图从一个文档复制到另一个文档的推荐方法是什么? 我可以获得如下图像: addPictureData(pic,outputDoc.picture_type_gif); 非常感谢您的任何帮助。对Apache-POI印象深刻。

    • 问题内容: 在iOS(Safari 5)上,我必须遵循以下输入元素(顶部内部阴影): 我想删除顶部阴影,但无法保存错误。 当前样式是: 问题答案: 您需要使用来覆盖默认的IOS样式。但是,仅选择CSS中的标记不会覆盖默认的IOS样式,因为IOS使用属性选择器添加了它的样式。因此,您的CSS将需要使用属性选择器来覆盖已预设的默认IOS CSS样式。 尝试这个:

    • 有人能帮我解决我在下面的CSS代码中犯的错误吗?我想学习,我想制作附件中的图片。说明如下:样式: 宽度: 400 px, 高度: 100 px, 背景颜色:米色, 阴影居中,5像素模糊,5像素阴影宽度,颜色rgba(0,0,0,0.3), 水平居中,字体大小50 px,从顶部移动20 px,字体重量700, 圆角:20像素。 我的代码 非常感谢。

    • 问题内容: 是否可以强制重命名os.rename覆盖另一个文件(如果已经存在)?例如,在下面的代码中,如果文件Tests.csv已经存在,则将其替换为Tests.txt文件(该文件也已重命名为Tests.csv)。 问题答案: 您可以尝试: 或然后:

    • 如何增加输入框的宽度?我尝试了聚焦方法(css),但并没有改变,我也很难去除按钮或输入框被点击时出现的黑色轮廓? style="背景颜色:rgba(253, 253, 253,0.329);边框:0;字体大小:16px;宽度:25%;边框底部:2px固体rgb(125, 8, 184);