Firefox. como redimensionar textarea, inputbox, etc

Question

Existe alguma maneira ou addon para definir tamanho / força de redimensionamento para elementos (textarea, entrada, ..) que não estão habilitados para redimensionar?

Os elementos da caixa de entrada podem ser redimensionados a partir da interface do navegador (canto de arrastamento do mouse) quando o CSS não está desabilitado por regras ou o redimensionamento da propriedade, por exemplo:

textarea {
    resize: both;
}

No entanto, é muito incomum encontrar formulários / textareas que podem ser redimensionados.

Estou ciente de que muitas páginas podem ser redimensionadas, do webdeveloper; Inspector ou Firebug / style, editando diretamente a propriedade size no código fonte, por exemplo

<input id="input_username" name="Nombre" maxlength="140" size="80" type="text">

O link a seguir mostra como o trabalho de redimensionamento da propriedade link

Esta é uma pergunta para páginas em geral. Estou interessado em uma maneira fácil de redimensionar sem codificar, mas arrastando o canto de um elemento. Como eu disse, eu sei que às vezes é possível redimensionar a mudança de código / estilo através do firebug / webdeveloper / stylish, mas não é rápido ou simples.

    

Answer 1

Uma maneira simples de realizar isso seria através do uso de um bookmarklet . Copie o código abaixo em um marcador e, a qualquer momento, quando você estiver em uma página em que deseja redimensionar uma caixa de texto, clique no botão favorito para redimensionar todas as caixas de texto da página.

javascript:
(function() {
  var boxes = document.getElementsByTagName('textarea');
  for (var i = 0; i < boxes.length; i++) {
      boxes[i].style.resize = "both";
  }
})();

Para criar o bookmarklet no Firefox, clique com o botão direito do mouse no espaço em branco na barra de ferramentas de favoritos, selecione Novo marcador e copie o código acima no campo Localização . p>