Estou substituindo o CSS do site por uma versão RTL quando o idioma específico é escolhido.
Eu tenho um elemento que precisa ter posicionamento absoluto. Na versão LTR, eu faço left: 0px;
e está alinhado à esquerda; na versão RTL, quero fazer o oposto right
, mas a left
propriedade não é substituída e, portanto, permanece à esquerda.
- Eu tentei hackear
!important
, mas isso não funcionou. - Eu tentei configurar
left: none
, mas isso não funcionou.
Como posso defini-lo como nenhum ou removê-lo completamente enquanto o substitui?
css
css-position
eric.itzhak
fonte
fonte
left
uso:var cssObject = $('selector').prop('style'); cssObject.removeProperty('left');
Respostas:
Isso voltará ao padrão
left
do navegador.Portanto, se você possui sua marcação / CSS como:
Ao configurar o RTL, você pode mudar para:
fonte
No futuro, seria usado
left: unset;
para desarmar o valor da esquerda.Até hoje, 4 de novembro de 2014
unset
é suportado apenas no Firefox.Leia mais sobre a definição no MDN.
Meu palpite é que poderemos usá-lo por volta do ano 2022, quando o IE 11 for devidamente eliminado.
fonte
right
posição de mudança responsiva - funcionou perfeitamente (no Chrome)Isso também
left
retornará ao padrão do navegador.Mas importante saber
property: initial
não é suportado no IE.fonte