zoukankan      html  css  js  c++  java
  • 搜索框和搜索对齐

    <table border="0" align="center" cellpadding="0" cellspacing="0" class="tab_search">
    <tr class="find_input">
    <td>
    <input type="text" name="q" title="Search" class="searchinput" id="searchinput" onkeydown="if (event.keyCode==13) {}" onblur="if(this.value=='')value=' - Search Company -';" onfocus="if(this.value==' - Search Company -')value='';" value=" - Search Company -" size="10"/>
    </td>
    <td style="40px">
    <input type="image" width="21" height="17" class="searchaction" onclick="if(document.forms['search'].searchinput.value=='- Search Company -')document.forms['search'].searchinput.value='';" alt="Search" src="img/find@2x.png" border="0" hspace="2"/>
    </td>
    </tr>
    </table>

    css部分


    .find_input td{
    padding: 0.12rem 0;
    }
    .searchinput{
    border-right- 0px;
    padding-left: 0.04rem;
    96%;
    font-family: arial;
    float: left;
    border-top- 0px;
    border-bottom- 0px;
    color: #636365;
    margin-left: 0.053333rem;
    font-size: 0.4rem;
    outline: none;
    vertical-align: middle;
    border-left- 0px;
    margin-right: 0.04rem;
    }
    .tab_search{
    background: #fff;
    70%;
    margin-left: 15%;
    margin-right: 15%;
    border-bottom: #cccccc 0.013333rem solid;
    border-left: #cccccc 0.013333rem solid;
    height: 0.6rem;
    border-top: #cccccc 0.013333rem solid;
    border-right: #cccccc 0.013333rem solid;

    }
    .searchaction{
    0.533333rem;
    float: left;
    height: 0.533333rem;
    }

  • 相关阅读:
    Kubernetes 再深入一点点
    10分钟完成 mongodb replSet 部署
    网络篇
    p2p 打洞专场(转)
    Dockerfile 编写
    关于github 代码管理,协作开发
    Kubernetes 基于 ubuntu18.04 手工部署 (k8s)
    备忘 ubuntu ip 及 dns 的坑
    各种语言web性能简单对比测试
    vue 按需加载
  • 原文地址:https://www.cnblogs.com/yanaweb/p/5064294.html
Copyright © 2011-2022 走看看