7.15

Кастомный стиль кнопки

Илья Белов
9 апреля 2021 18:42

Добрый день, есть кнопка:

 

{
	"operation": "insert",
	"name": "SendForApproval",
	"parentName": "Detail",
	"propertyName": "tools",
	"index": 3,
	"values": {
		"itemType": Terrasoft.ViewItemType.BUTTON,
		"classes": { "wrapClass ": ["summary-approving-button"] },
		"caption": {
			"bindTo": "Resources.Strings.SendCommercialOfferForApprovalCaption"
		},
		"click": {"bindTo": "sendCommercialOfferForApproval"},
		"visible": {"bindTo": "getSendForApprovalButtonVisible"},
		"enabled": {"bindTo": "getSendForApprovalButtonVisible"}
	}
},

пытаюсь изменить цвет кнопки и цвет текста:

 

.summary-approving-button {
	background-color: #1c9110;
	color: #FFFFFF;
}

Ничего не выходит. Не кидайте камнями, я в css первый день :/

Нравится

3 комментария
Владислав Литвинчук
12 апреля 2021 12:55

Скорее всего ваш селектор просто менее приоритетный чем какой-то другой, который и задает цвет кнопке на самом деле.

https://idg.net.ua/blog/uchebnik-css/azy-css/kaskadnost

Илья Белов
13 апреля 2021 14:53

Владислав Литвинчук, 

По прежнему не могу решить данную проблему

 

styles: {
	textStyles: {
		color: "#de730b"
	}
},

Даже так я не могу изменить св-ва кнопки. "!important" в less не помог. В стилях у элемента по прежнему остается .t-btn-style-default. Мои стили не подтягиваются

Владислав Литвинчук
14 апреля 2021 12:09

Илья Белов,

А ваш css вообще в браузере отображается? Где вы описываете свои стили? Как их подгружаете в браузер? Можно ольше информации?

Показать все комментарии