Как добавить цвет границы для символа html, используя css?
Если я правильно понял, это то, что вы хотите
int drawableResourceId = this.getResources().getIdentifier("nameOfDrawable", "drawable", this.getPackageName());
Где «это» - это действие, написанное только для уточнения.
Если вы хотите, чтобы строка в strings.xml или идентификатор элемента пользовательского интерфейса, замените «drawable»
int resourceId = this.getResources().getIdentifier("nameOfResource", "id", this.getPackageName());
Предупреждаю, этот способ получения идентификаторов очень медленный, используйте только там, где это необходимо.
Ссылка на официальную документацию: Resource.getIdentifier (String name, String defType, String defPackage)
3 ответа
Просто используйте text-shadow, чтобы добавить рамку вокруг вашего значка галочки. Кроме того, вы можете улучшить читабельность, увеличив размер значков значков.
Просмотрите приведенный ниже фрагмент кода для практического примера использования text-shadow и увеличения размера значка:
p:nth-child(1) span {color:green; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-size: 50px;}
p:nth-child(2) span {color:yellow; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}<p>I will display <span>✔</span></p>
<p>I will display <span>✔</span></p>Вы можете создать прямоугольник по границе и изменить размер шрифта, как это сделано во фрагменте.
Другим вариантом является поиск Google по ключевым словам флажок fafa icon или check icon fafa
<p>I will display <span style="border: 1px solid black;font-size: 50px;color:green">✔</span></p>
<p>I will display <span style="color:yellow">✔</span></p> Подход с лучшим повторным использованием мог бы заключаться в создании галочки с помощью класса CSS для псевдоэлемента ::before или ::after:
<button class="checkmark-after" type="button">I will display </button>
<p class="checkmark-before x2"> Done!</p>
<a href="http://example.com" class="checkmark-after bordered"> Google</a>
<p class="checkmark-before x2 checkmark-after yellow bordered">Combined!</p>