logo标签列表

Sass在“content”CSS属性中的Unicode字符后添加了额外的空格

csstwitter-bootstrapsass
6

我正在为Bootstrap的文件选择器提供国际化功能。这是通过编辑Sass变量完成的，因此我尝试了以下步骤：

enter image description here

但是Sass在“ą”字符后添加了额外的空格，现在它看起来像这样：

enter image description here

这就是编译后的CSS样式：

enter image description here

如何去除这个额外的空格？

嗨，你试过使用另一个SASS编译器吗？我尝试使用你的代码并使用Prepros编译器编译它，一切都正常工作。 - Moayad .AlMoghrabi
4个回答
1
你使用了''来代替pl:，应该使用""（双引号）来代替，这样才能正常工作。同时，在最开始处声明@charset "UTF-8";（甚至注释都不要在它之前）。请参考this获取更多信息。
0

这似乎是您编译器的问题。我正在使用gulp-sass进行编译，它可以正常工作，实际上不会转换“ą”。

但是，作为解决方法，您可以添加：

 @charset "UTF-8";

在你的Sass文件中，将custom-file-input类放在上面。这将强制编译器使用UTF-8编译。
添加字符集不起作用。我使用来自Laravel Mix的Sass编译。暂时，我只是在<head>部分中添加了普通的<style>元素，这有点丑陋，但我找不到更好的解决方案。 - stil
0
我是这样解决这个问题的：
&::after {
    content: 'Sărbă''tori fericite!';
}
0

你可能将 ::after 的值声明为变量（我是 CSS 不是 Sass）。
试着逐步构建这个变量：

  $after = 'Przegl';  
  $after.= '\105';  
  $after.= 'daj';
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接