Как в технологии Flexbox в CSS3 задать,в флекс элементах значение, чтобы в зависимости от текста менялись ракми этого элемента?

Flexbox, как условие, тут можно смело вычеркнуть ибо никаким боком он тут роли не играет.
Если вы хотите юзать что-то наподобие :contains('I want red borders!'); то эта хрень (селектор contains) доступен только в библиотеках типа jq.
Единственное, что можно использовать, не прибегая к сторонним библиотекам:

[data-text*='myText']{
	color: red;
}

Однако, в этом случае требуется использовать js для дублирования innerHTML в data-text при вводе.

и текст не выходил за рамки элемента

ну это наверно типа:

.truncate{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}