O princípio de definir a altura do cursor no navegador Chrome é que, quando não há conteúdo, a altura do cursor = o valor da altura da linha de entrada. Quando há conteúdo, o tamanho do cursor na caixa de entrada de entrada de entrada é exibido inconsistentemente da parte superior da entrada para a parte inferior do texto.
IE7 é muito óbvio em neutralizar o cromo
Vamos dar uma olhada no motivo do problema: o princípio do navegador Chrome de definir a altura do cursor é: quando não há conteúdo, a altura do cursor = o valor da altura da linha de entrada. Quando há conteúdo, o cursor vai da parte superior da entrada para a parte inferior do texto.
OK, como sabemos o motivo, tomaremos algumas medidas de acordo. Eu tentei duas maneiras de fazer isso:
Método 1: Defina o valor da altura da linha no mesmo tamanho que o tamanho da fonte; Se a altura não for alcançada, use o preenchimento para apoiá -lo;
Método 2: Não defina altura de linha para o Chrome, ele centralizará automaticamente o texto. Hackear o valor da altura da linha para o IE para garantir que o texto seja centralizado verticalmente; Aqui, você deve observar que, se você definir valores de altura de linha no arquivo de estilo de redefinição, redefina a altura da linha, poderá usar a altura da linha: Normal. Para detalhes, você pode conferir a caixa de pesquisa da página Tencent Hollywood.
CSS específico:
Copie o código