html在搜索按钮中加放大镜,Win10系统如何给小娜搜索框添加放大镜箭头图标

Win10有自带语音助手小娜,这个功能的确是很不错。刚接触Win10系统的用户,还不是很了解怎么使用这个功能;一些用户反馈自己想要给小娜搜索框添加放大镜、箭头图标,却不知道该如何操作。下面就为大家带来Win10系统给小娜搜索框添加放大镜、箭头图标的方法!一起去看看吧!default-diagram_20161012-1654_1.jpg

具体步骤如下:

一、首先需要解锁Cortana默认设置,解锁方法详见《如何修改Win10 Cortana小娜搜索框底色、边框颜色和宽度》一文第一部分。

二、个性化设置:为Cortana搜索框添加放大镜图标。

1、打开注册表编辑器,定位至:

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Search\Flighting\0\ShowSearchGlyphLeftOfSearchBox。

PS:Win10 14942预览版以上版本的系统,可复制以上路径到注册表编辑器地址栏中,回车,即可快速定位。

2、把右侧窗格中的Value值的数值数据修改为1,重启Windows资源管理器explorer.exe后设置生效。

三、个性化设置:为Cortana搜索框添加箭头图标。

1、在注册表编辑器中定位至:

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Search\Flighting\0\ShowSubmitButtonRightOfSearchBox

2、把右侧窗格中的Value值的数值数据修改为1,重启Windows资源管理器explorer.exe后设置生效。

以上就是小编为大家带来的关于Win10给小娜搜索框添加放大镜、箭头图标的方法了;是不是很简单,大家遇到同样的问题可以按照上述的方法操作!希望可以帮助到大家!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以使用以下 HTML 和 CSS 代码来创建一个带搜索图标搜索框: HTML 代码: ```html <div class="search-box"> <form action="/search" method="get"> <input type="text" placeholder="Search..."> <button type="submit"><i class="fa fa-search"></i></button> </form> </div> ``` CSS 代码: ```css .search-box { display: flex; justify-content: center; align-items: center; margin: 20px; } input[type="text"] { padding: 10px; border: none; border-radius: 5px 0 0 5px; width: 200px; font-size: 16px; } button[type="submit"] { padding: 10px 15px; background-color: #4CAF50; border: none; border-radius: 0 5px 5px 0; color: white; font-size: 16px; cursor: pointer; } i.fa.fa-search { font-size: 16px; margin-right: 5px; } ``` 这里的 HTML 代码中包含一个名为 `search-box` 的 div 元素,用于设置搜索框的样式。在 div 元素内部,使用了 form 元素和 input 元素来创建搜索框,使用了 button 元素和 i 元素来创建搜索按钮搜索图标。`placeholder` 属性提供了默认的提示文本,`name` 属性指定了提交的参数名称。 CSS 代码中使用了 `display: flex` 属性和 `justify-content: center` 和 `align-items: center` 属性来将搜索框水平居中。`border-radius` 属性用于设置输入框和按钮的圆角,`padding` 属性用于设置输入框和按钮的内边距,`width` 属性用于设置输入框的宽度。`background-color` 属性用于设置按钮的背景颜色,`color` 属性用于设置按钮的文字颜色,`cursor` 属性用于设置鼠标悬停时的光标类型。`fa` 和 `fa-search` 类名用于引用 Font Awesome 图标库中的搜索图标样式。 请注意,这里使用了 Font Awesome 图标库,您需要在页面中引入该库的 CSS 样式文件,例如: ```html <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值