前端样式局部调节

如上图所示，这个搜素按钮，因为高度的过高 和 左端的输入横栏出现不匹配的情况。接下来展示如何通过F12 精准定位 和 解决。

• 首先打开F12,选择调试界面左上角按钮，选择搜索元素
  
• 确定元素Name:search 和 Role:button,在调试界面也跳转到了对应的代码。

<button type="button"
 class="ant-btn 
css-dev-only-do-not-override-5wsri9 
ant-btn-default ant-btn-color-default
ant-btn-variant-outlined
ant-btn-lg ant-btn-icon-only
ant-input-search-button">
flex</button>

• 对应这个组件：ant-input-search-button
  
• 选择右侧样式按钮
  
  找到ant-input-search-button 这个组件的css, 如下图找到跟高度相关的定义。做出修改，改为41px
  
• 最终效果:
  
• 在定位到响应的代码再做相应的修改就可以了。